html {
overflow-y: scroll;
}

html,body {
font-family:'Lato',sans-serif;
font-weight:normal;
font-style:normal;

font-size:16px;
line-height:1.5em;

background-color:#E3EBF0;
color:#444;
}

:focus {
  outline-color: transparent;
  outline-style: none;
}

h1,h2,h3 {
display:inline;
margin:0;
padding:0;
font-weight:normal;
font-size:22px;
line-height:26px;
}

h2 {
font-weight: 700;
color: #1784C0;
font-size: 30px;
line-height: 36px;
}

h3 {
display: block;
margin-bottom: 20px;
}

a, a:active, a:focus {
text-decoration:none;
color: #00C56B;
outline:0;
transition:color 0.2s;
}

a.active,a:hover {
color:#00a75b;
}

img {
border:0;
}

hr {
border: 0;
margin: 0;
border-bottom: 1px solid #ededed;
}

/* */

.header {
background-color:#16202A;
color:#fff;
line-height:26px;
}

.header h1 {
display: inline-block;
font-style: italic;
font-weight: 700;
width: 150px;
}
.header h1 a {
color: white;
}
.header-menu a {
color: #fff;
margin-left: 20px;
}

.header-menu a:hover,.header-menu a.active {
color: #00C56B;
}

.welcome {
font-size: 16px;
color: #888;
}

.content {
background-color:#F7F8F9;
padding-bottom: 60px;
}

.footer {
padding-top: 20px;
color: #aaa;
}

.centered {
max-width:990px;
margin:0 auto;
}

.padded {
padding:10px;
}

.content .padded {
padding: 30px 10px 10px;
}

/* */

.alerts {
top: 0;
z-index: 999;
width: 100%
}

.alert-okay {
background-color: #00C56B;
color: #fff;
}

.alert-error {
background-color: #d35400;
color: #fff;
}

.alert {
opacity: 0.8;
padding: 10px;
width: 300px;
margin: 0 auto;
border-radius: 3px;
text-align: center;
}

.notify {
border: 1px solid #ddd;
text-align: center;
padding: 15px;
margin: 10px 0;
}

.fixed {
position:fixed;
}

/* */

.modal-dialog {
background-color:#fff;
min-width:600px;
border-radius: 6px;
}

.modal-dialog img {
max-width: 1000px;
max-height: 900px;
}

.modal-header {
padding: 15px;
border-bottom: 1px solid #E5E5E5;
}

.modal-header h4 {
line-height: 1.42857;
margin: 0;
}

.modal-body {
padding: 15px;
}

.modal-footer {
padding: 15px;
text-align: right;
}

.modal-footer .button {
margin-left: 10px;
}

a.modal-cancel {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
cursor: pointer;
padding: 0;
color: #000000;
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
opacity: 0.2;
text-shadow: 0 1px 0 #FFFFFF;
}

/* */

table {
min-width: 400px;
border: 1px solid #ccc;
border-collapse: collapse;
border-spacing: 0;
}

table tr {
background-color: #fff;
}

table tr:nth-child(2n) {
background-color: #fbfbfb;
}

table tr td, table tr th {
border-top: 1px solid #CCC;
line-height: 1.4em;
padding: 8px;
vertical-align: top;
text-align: left;
}

table thead tr th {
color: #444;
background-color: #E3EBF0;
text-shadow:0 1px 1px rgba(1, 1, 1, 0.25);
padding: 12px 8px;
}

table thead {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

table tr th[data-sort] {
cursor: pointer;
}

table tr th[class*='sorting'] {
text-decoration: underline;
}

tr[href] {
cursor: pointer;
}

/* */

ul {
list-style-type: none;
padding: 0;
margin: 0;
}

ul.tabs {
border-bottom: 1px solid #CCC;
}

ul.tabs.ul-horizontal li {
line-height: 40px;
}

ul.tabs.ul-horizontal li a {
padding: 10px;
}

.tabview {
margin-top: 20px;
}

/* */

ul.ul-horizontal > li {
display: block;
float: left;
margin-bottom: -1px;
border-bottom: none;
position: relative;
font-size: 16px;
line-height: 1.4em;
}

ul.ul-horizontal > li > a.active {
border: 1px solid #ccc;
border-bottom: none;
background-color: #F7F8F9;
color: #262626;
font-weight: bold;
border-radius: 3px 3px 0 0;
}

ul.ul-horizontal > li > a {
border: 1px solid rgba(0,0,0,0);

}

/* */

ul.ul-center {
width: 100%;
}

ul.ul-center>li {
float: left;
text-align: center;
}

ul.ul-center.four>li {
width:25%;
}

ul.ul-center.three>li {
width:33.333%;
}
/* */

.box {
margin: 20px 0;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.fold {
height: 20px;
overflow: hidden;
}

.fold>div {
	width: 100%;
	height: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
/* */

.button, .button:active, .button:focus {
display: inline-block;

background-color:#00C56B;
border:1px solid #00C56B;
border-radius:3px;

text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);

color:#FFF;

font-family:sans-serif;
font-weight:normal;
font-size:18px;
line-height:20px;
padding:0.6em 2em;

cursor:pointer;
transition:background-color linear 0.2s;
}

.button:hover {
color: #FFF;
border:1px solid rgba(0, 0, 0, 0.1);
background-color:#00b160;
box-shadow:2px 2px 6px rgba(0, 0, 0, 0.3) inset;
}

.button.serious {
border:1px solid #e74c3c;
background-color: #e74c3c;
}


.button.button-small {
padding: 10px 15px;
line-height: 13px;
font-size: 15px;
}

/* */

.input {
display:block;
background-color:#FFFFFF;
border:1px solid #FFFFFF;
border-radius:3px;

text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
box-shadow:0 1px 3px rgba(0, 0, 0, 0.5) inset;

font-family:sans-serif;
font-size:14px;
line-height:20px;
padding:1em 1em;

width:90%;
transition:background-color linear 0.2s;
}

input[type='text']:focus,input[type='password']:focus {
background-color:#E3EBF0;
}

/* */

.custom-inputs [type=radio],
.custom-inputs [type=checkbox] {
display: none;
}

.custom-inputs [type=radio] + label,
.custom-inputs [type=checkbox] + label {
line-height: 30px;
font-size: 20px;
padding: 0 30px 0 0;
cursor: pointer;
color: #98B6C7;
}

.custom-inputs [type=radio] + label:before,
.custom-inputs [type=checkbox] + label:before {
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
content: "\f10c";
padding: 20px 10px 0 0;
color: #1784C0;
width: 20px;
}

.custom-inputs [type=radio]:checked + label:before {
content: "\f192";
}

/* */

.custom-inputs [type=checkbox] + label:before {
content: "\f096";
}

.custom-inputs [type=checkbox]:checked + label:before {
content: "\f046";
}

/* */

span.url {
display: block;
padding: 8px;
border: 1px solid #CCC;
border-radius: 3px;
background-color: #fff;
margin-bottom: 5px;
}

span.url.disabled {
background-color: #eee;
color: #bbb;
}

/* */

ul.threecol li {
width: 30%;
float: left;
padding-right: 5%;
}

ul.threecol li.third {
padding-right: 0;
}

ul.threecol.intro {
margin-top: 40px;
}