@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i');


/* Attention, do not edit this file directly, please use the stylesheet editor in admin.
Any changes made here will be overwritten*/

* {
box-sizing:border-box;
}
body.body {
margin:0;
padding:0;
font-size:16px;
font-family:'Roboto', sans-serif;
text-align:left;
color:#000;
}
img {
max-width:100%;
height:auto;
}
p {
font-size:1em;
line-height:1.4em;
margin:0 0 10px;
}
h1, h2, h3, h4, h5, h6 {
font-weight:700;
line-height:1.1em;
margin:10px 0;
}
h1 {
font-size:2.4em;
}
h2 {
font-size:2.1em;
}
h3 {
font-size:1.8em;
}
h4 {
font-size:1.5em;
}
h5 {
font-size:1.2em;
}
h6 {
font-size:1em;
}
input[type="button"], button {
background-color:#56b6ab;
color:#fff;
height:auto !important;
font-weight:700;
padding:10px;
font-size:1.1em;
text-align:center;
border:none;
line-height:1em;
cursor:pointer;
}
#login {
margin:0 auto;
padding:30px 0;
width:100%;
max-width:320px;
}
#login input {
display:block;
width:100%;
height:34px;
line-height:normal;
text-align:center;
margin:15px 0 0;
}
#header {
position:relative;
background-color:#e5e5e5;
height:40px;
}
#nav {
padding:0;
margin:0;
list-style:none;
}
#nav li {
display:inline-block;
color:#000;
margin:0;
font-size:18px;
line-height:20px;
padding:10px 15px;
cursor:pointer;
}
#nav li:hover, #nav li.active {
background-color:#56b6ab;
color:#fff;
}
#signout {
font-size:18px;
line-height:20px;
position:absolute;
right:0px;
top:0px;
padding:10px 15px;
color:#000;
text-decoration:none;
}
#signout:hover {
text-decoration:none;
background-color:#56b6ab;
color:#fff;
}
.section {
padding:16px;
}
.pageListing {
list-style:none;
margin:0 0 10px;
padding:0;
}
.pageListing li {
font-weight:700;
font-size:20px;
padding:10px 15px;
background-color:#e5e5e5;
margin:0 0 3px;
border-radius:5px;
cursor:pointer;
}
.pageListing li:hover {
background-color:#56b6ab;
color:#fff;
}
.pageCol {
display:inline-block;
vertical-align:top;
border-right:1px solid #e5e5e5;
padding-right:15px;
width:30%;
}
.infoCol {
display:inline-block;
vertical-align:top;
padding-left:16px;
width:70%;
}
#add_tab {
max-width:600px;
}
label {
display:block;
margin:0 0 10px;
padding:0;
}
label span {
display:inline-block;
width:30%;
vertical-align:middle;
}
label input, label textarea {
width:68%;
display:inline-block;
vertical-align:middle;
height:36px;
line-height:34px;
border:1px solid #e5e5e5;
border-radius:4px;
padding:0 8px;
}
label textarea {
vertical-align:top;
height:100px;
}
#notifications .notification {
padding:5px 15px 0;
border-bottom:1px solid #999;
}
#notifications .notification:nth-child(odd) {
background-color:#e5e5e5;
}
.notification .date {
color:#999;
font-size:.9em;
font-style:italic;
}
.noteLeft {
display:inline-block;
vertical-align:top;
width:80%;
}
.noteRight {
display:inline-block;
vertical-align:top;
width:19%;
}
.noteRight button {
display:block;
margin:0 0 10px;
width:100%;
}

@media (min-width: 1600px) {

}

@media (min-width: 1200px) and (max-width: 1599px) {

}

@media (min-width: 980px) and (max-width: 1199px) {

}

@media (min-width: 768px) and (max-width: 979px) {

}

@media (max-width: 767px) {

}

@media (max-width: 480px) {

}