/*
 Bootstrap Layout Styles
 */


div.content {
	padding:20px 0px 20px 20px;
	
}

div.content h2, h2 {
	color:#F57D4B;
	text-shadow:none;
	font-weight:400;
	font-size:32px;
	letter-spacing:.02em;
	font-family:"canada-type-gibson", Arial, Helvetica, sans-serif;
}

div.content h3 {
	margin-top:22px;
	margin-bottom:5px;
	color:#6d6e71;
	text-transform:uppercase;
	font-weight:600;
	font-size:18px;
	width:100%;
	padding:10px 0px 0px 0px;
}

div.content h4 {
	color:#40ad48;
    font-family: "canada-type-gibson",sans-serif;
	font-size:20px;
	width:100%;
	margin-top:15px;
	margin-bottom:5px;
	letter-spacing:.03em;
}

div.content h5 {
	color:#6d6e71;
	text-transform:uppercase;
	font-weight:600;
	font-size:14px;
	width:100%;
	margin-top:20px;
	margin-bottom:5px;
}

div.content a.btn-default  { 
  font-size: 12px;
  font-weight: bold;  
  text-transform:uppercase;
  color:#6D6E71;
  text-decoration:none;
  float:right;
  position:relative;
  margin-top:4px;
}


/**********************************************************************************************
 * Clickboard links
 */


.content  h4.related-header { 
  letter-spacing:.05em;
  padding-top:10px;
  border-top:1px solid #f57d4b;
  margin-top:25px;
  color:#f57d4b;
  text-transform:uppercase;
  font-size:14px;
}

div.content  ul.clickboard_links {
  margin: 0em 1.0em 1.0em 0em;
  padding: 0em;
  list-style: none;
}


div.content  ul.clickboard_links li {  
  padding:1px 0px 10px 20px;
  width:85%;
}
  
div.content  ul.clickboard_links li a {
  font-size:.95em;	  
}
  
  
/*clickboard page */
  
  ul.clickboard_page {
  margin: 0em 0.5em 1.0em 0.5em;
  padding: 0em;
  list-style: none;
  width:450px;

}
  
  ul.clickboard_page li {
  margin-right: 0.5em;
  padding-right: 0.5em;
  padding-top: 4px;
  padding-bottom: 0.7em;
  padding-left: 20px;
  font-size:.95em;
}  

div.content h4.panel-title {
	border-top:none;
	padding-top:0px;
}

div.content .panel-default a:hover {
	text-decoration:none;
}



div.content p {
	width:95%;
}

div.content p a {
	color:#40ad48;
	text-decoration:underline;
}

div.content .toc {
	margin-bottom:30px;
	font-size:12px;
	
}

div.content .toc p{
	margin:3px 0px 3px 0px;
	font-size:12px;
	
}


div.divider { height:1px; margin:0px; border-bottom:1px solid #ccc; }

div.content hr {
	clear:both;
	margin-top:58px;
	text-align:left;
	border-top:1px solid #333;
margin-right:5%;
}


div.content div.submit .btn.btn-default{
	float:none; 
    margin:8px 0px 0px 0px; 
    text-transform:none; 
    font-weight:normal; 
	    font-size:13px;
	color:#fff;

}

div.content div.submit .uploadButton.btn.btn-default{
    margin:8px 5px 0px 0px; 
}


.cancel-button.btn.btn-default{
    float:none; 
    text-transform:none; 
    font-weight:normal; 
    font-size:13px;
    color:#fff;
    margin:0px 0px 1em 5px; 
}

.submit-button.btn.btn-default{
    float:none; 
    text-transform:none; 
    font-weight:normal; 
    font-size:13px;
    color:#fff;
    margin:0px 0px 1em 5px; 
}


div.content  p.caption {
font-size:13px;
font-style:italic;
margin:8px 0px 15px 0px;
}



div.content  .app_page_image img.content-image {
width:70%;
height:auto;
margin:12px 0px 5px 0px;

}

@media (min-width: 768px) {
div.content  .app_page_image img.content-image {
width:40%;
height:auto;
}

}

@media (min-width: 992px) {
	
div.sidebar-graphic {
	background:url('../img/sideimage2.jpg') no-repeat;
	min-height:420px;
}
div.content  .app_page_image img.content-image {
width:100%;
height:auto;

}

}

@media (min-width: 1200px) {
div.content  img.content-image {
width:90%;
height:auto;
}

}

div.content .feature_box .actions {
  float: right;
  position:relative;
  width: 55%;
  list-style: none;
  clear:right;
  
}


div.content .feature_box .actions li {
  padding-left: 25px;
  padding-bottom:2px;
  margin-bottom:0px;
  font-size:11px;

}

div.content .feature_box {
   border-bottom:1px solid #CCC;
   margin-bottom:30px;
   padding-bottom:10px;
}

div.content .feature_box a.btn.btn-default {
	float:left;
	
}

@media (min-width: 768px) {
	
div.content .feature_box .actions {width: 25%;}

div.content .feature_box .feature-content {width: 75%;}
}


 
/**********************************************************************************************
 * Development Types pages
 */
 
div.content .dev-types-menu h4 {
	 color:#6D6E71;
	 font-weight:600;
	 letter-spacing:.08em;
 }

.dev-types-menu ul {
	margin:0px;
	padding:0px;
	list-style:none;	
}

.dev-types-menu li {
	margin-bottom:6px;	
	line-height:14px;
	color:#666;
	padding-left:10px;
	width:80%;
	font-size:13px;
}

.dev-types-menu li.active {
	color:#333;
	font-weight:600;
}



.dev-types-menu li.active::before {
	content: "> ";
	margin-left:-10px;
}




.content h4.app-activity-ctrs {
	border-top:1px solid #14bcc1;
	padding-top:6px;
	margin-top:20px;
}





  /*
news
 */	

.content .admin-news-box.inactive {
  background: #eee;
}

.content div.admin-news-box {
  border-bottom:1px dashed #ccc;
  margin-bottom:10px;
  width:100%;

}

.content div.admin-news-box p.time,
.content div.news_box p.time{
  text-transform:uppercase;
  color:#999;
  font-size:12px;
}


.content ul#news-item-listing {
	margin:0px;
	list-style:none;
	padding:0px;
	
}

.content .news_box p {
  width: 100%;
}
 
  /*
Tables 
 */
 
td.actions img {
	padding: 3px 6px 3px 0px;
	 
 }

table {
  max-width: 100%;
  background-color: transparent;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #a4bda2;
}


.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td{
  background-color: #fff;
}

.table th.header {
  background-color: #cbe6bf;
  border-bottom: 1px solid #40ad48;
  border-top: 1px solid #40ad48;
}

.table th.header:hover {
	background-color: #cbe6bf;
	
}
.table-hover > tbody > tr:hover > th {
  background-color: #b3e3e5;
}


table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
@media (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}