@import url(//fonts.googleapis.com/css?family=Roboto);


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

body {
margin:0px;
font-family:'Roboto',sans-serif;
font-size:16px;
overflow-x:hidden;
}
h1,h2,h3 {
font-weight:400;
margin:0px;
padding:5px 0;
}
input,textarea {
font-family:'Roboto';
}
h1 {
font-size:1.8em;
}
h2 {
font-size:1.6em;
}
h3 {
font-size:1.4em;
}
header {
position:fixed;
top:0px;
width:100%;
height:60px;
background-color:#efefef;
z-Index:99;
background-size:auto 80%;
background-repeat:no-repeat;
background-position:center;
}
header, footer, #navigation {
display:none;
}
header #header_title {
width:80%;
text-align:left;
margin:8px auto;
font-size:32px;
position:relative;
}
footer {
position:fixed;
bottom:0px;
width:100%;
height:46px;
background:#fafafa;
border-top:1px solid #eee;
z-Index:99;
}
footer ul {
margin:0px;
padding:0px;
list-style:none;
}
footer li {
color:#333;
display:block;
float:left;
width:33.33333333%;
text-align:center;
text-decoration:none;
font-size:14px;
height:40px;
padding:5px 0;
cursor:pointer;
}
footer.column-4 li {
width:25%;
}
.sliding {
transition:all 0.5s ease;
margin-right:0px;
}
.sliding.left {
margin-right:auto;
margin-left:0px;
}
.sliding.show_menu {
margin-right:300px;
}
.sliding.left.show_menu {
margin-right:auto;
margin-left:300px;
}
footer li.active,footer li:hover {
color:#eee;
background:#333;
}
footer li span {
display:block;
}
header .menu_bar {
color:#a9a9a9;
font-size:40px;
padding:10px;
float:right;
cursor:pointer;
}
header .menu_bar.left {
float:left;
}
#back_arrow {
color:#a9a9a9;
font-size:55px;
padding:0px 10px;
float:left;
cursor:pointer;
display:none;
}
#navigation_mask {
width:100%;
height:100%;
position:fixed;
top:0px;
right:-100%;
background:rgba(0,0,0,0.5);
z-Index:99;
transition:opacity 0.5s ease;
opacity:0;
}
#navigation_mask.show_menu {
right:0%;
opacity:1;
}
#navigation {
width:300px;
height:100%;
position:fixed;
top:0px;
right:-300px;
background:#fff;
z-Index:100;
border-left:1px solid #cecece;
transition:all 0.5s ease;
}
#navigation.left {
right:auto;
left:-300px;
border-left:0px;
border-right:1px solid #cecece;
}
#navigation.show_menu {
right:0%;
}
#navigation.show_menu.left {
right:auto;
left:0%;
}
#navigation a {
display:block;
padding:8px 10px;
color:#333;
font-size:16px;
text-decoration:none;
border-bottom:1px solid #eee;
}
#navigation a:focus, #navigation a:hover,#navigation a:focus, #navigation a.active {
background-color:#000;
color:#fff;
}
#navigation .menu_bar {
font-size:40px;
padding:10px;
color:#9c9c9c;
margin-bottom:0px;
cursor:pointer;
}
#content {
padding:0;
min-height:400px;
position:relative;
}
.submenu a .fa-angle-right {
float:right;
color:#d2d2d2;
}
.page {
position:absolute;
width:100%;
top:0px;
left:100%;
transition:left 0.2s ease, top 0.5s ease;
padding:0px 0 70px;
box-sizing:border-box;
min-height:100%;
opacity:0;
margin-top:60px;
}
.page.top {
top:10px;
opacity:0;
left:0%;
min-height:0px;
}
.page.active {
left:0%;
opacity:1;
}
.page.inactive {
left:-50%;
max-height:300px;
overflow:hidden;
opacity:0;
}
form label {
display:block;
font-size:0.8em;
margin:5px 0 0;
color:#afafaf;
font-weight:normal;
}
input[type="text"], input[type="password"],textarea,input[type="date"],input[type="time"],select,input[type="number"],input[type="tel"] {
width:100%;
box-sizing:border-box;
font-size:1em;
border:1px solid #f3f3f3;
color:#848484;
padding:3px 5px;
height:32px;
}
input[type="number"],input[type="tel"] {
max-width:80px;
}
.padded {
padding-left:10px;
padding-right:10px;
}
input[type="button"],input[type="submit"],button {
width:300px;
box-sizing:border-box;
padding:10px 0;
background:#dedede;
color:#fff;
border:0px;
font-size:1em;
text-transform:uppercase;
cursor:pointer;
}
input[type="button"]:hover,,input[type="submit"]:hover,button:hover {
background:#ccc;
}
textarea, input, button {
outline:none;
}
input[type="button"].small_button,button.small_button {
font-size:0.8em;
padding:5px 15px;
border-radius:20px;
width:auto;
text-transform:none;
}
.app_tabs .tab_menu {
float:left;
list-style:none;
margin:0px;
padding:0px;
width:15%;
}
.app_tabs .tab_menu li {
padding:10px;
width:100%;
box-sizing:border-box;
background:#fafafa;
border-top:1px solid #eee;
cursor:pointer;
position:relative;
}
.app_tabs .tab_menu li:last-child {
border-bottom:1px solid #eee;
}
.app_tabs .tab_content {
display:none;
padding:20px;
width:80%;
border:1px solid #eee;
min-height:400px;
float:left;
background:#fff;
}
.app_tabs .tab_menu li.active {
background:#fff;
right:-1px;
}
.app_tabs .tab_content.active {
display:block;
}
table.listing tbody tr:nth-child(even) {
background:#fafafa;
}
.tab_block {
padding-bottom:60px;
}
table.clickable tbody tr:hover {
background:#000 !important;
color:#fff;
cursor:pointer;
}
#login_form img {
margin:10px auto;
display:block;
max-width:100%;
height:auto;
}
#login_form {
margin:5% auto;
text-align:center;
max-width:300px;
}
#login_form input {
margin-bottom:5px;
padding:10px 0px;
width:100%;
text-align:center;
}
.error {
background:#bd2c2c;
color:#fff;
padding:3px;
font-size:0.8em;
}
::placeholder {
color:#ddd;
}
table.listing th {
background:#eee;
padding:2px 5px;
text-align:left;
}
.wide_input {
width:600px;
max-width:100%;
}
body, .page {
background:#fafafa;
}
.list_item, .block_item {
margin:5px 5px 0;
padding:10px;
background:#fff;
color:#000;
border:1px solid #e4e4e4;
font-size:1.1em;
cursor:pointer;
border-left:1px solid #efefef;
border-top:1px solid #efefef;
}
table.listing tbody tr:nth-child(even) {
background:#fafafa;
}
table.listing tbody tr:nth-child(odd) {
background:#fff;
}
.noselect {
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.list_item.active {
background-color:#eee;
}
.list_item:active {
background:#000;
color:#fff;
}
#waiting_mask {
width:100%;
height:100%;
position:fixed;
top:0px;
left:0;
background:rgba(0,0,0,0.5);
background-image:url(//cdn.sswd.co/images/waiting.gif);
z-Index:99;
display:none;
background-position:center;
background-repeat:no-repeat;
}
.block_item {
cursor:default;
}
#toast {
position:fixed;
z-Index:99;
bottom:-20%;
padding:15px;
color:#fff;
background:#000;
font-size:16px;
width:80%;
margin:0 10%;
transition:all 0.5s ease;
border-radius:15px 15px 0 0;
box-sizing:border-box;
opacity:0;
}
#toast.visible {
bottom:0%;
opacity:1;
}
.list_item .fa-chevron-right {
float:right;
}
.inputerror {
background-color:#fbeeee;
}
::-webkit-scrollbar {
width:10px;
}
::-webkit-scrollbar-track {
background:#f1f1f1;
}
::-webkit-scrollbar-thumb {
background:#888;
border-radius:20px;
}
::-webkit-scrollbar-thumb:hover {
background:#555;
}
table.infotable {
background:#ececec;
}
table.infotable tr td {
padding:2px;
}
table.infotable tr td:nth-child(2) {
background:#fff;
}
table.infotable tr td:nth-child(1) {
background:#fafafa;
}

@media (min-width: 1600px) {
.page.active.full_screen {
left:0%;
width:100%;
}
.display-phone {
display:none;
}

}

@media (min-width: 1200px) and (max-width: 1599px) {
.page.active.full_screen {
left:0%;
width:100%;
}
.page.inactive {
display:none;
}
.display-phone {
display:none;
}

}

@media (min-width: 980px) and (max-width: 1199px) {
.page.inactive {
display:none;
}
.display-phone {
display:none;
}

}

@media (min-width: 768px) and (max-width: 979px) {
.page.inactive {
display:none;
}
.display-phone {
display:none;
}

}

@media (max-width: 767px) {
header {
top:0px;
height:40px;
background-position:center;
}
.sliding.show_menu {
margin-right:0px;
}
header .menu_bar {
font-size:24px;
padding:8px 10px;
}
#back_arrow {
font-size:35px;
padding:3px 10px;
}
#back_arrow span {
font-family:'Muli',sans-serif;
font-size:16px;
display:inline-block;
padding:9px;
vertical-align:top;
}
#navigation {
width:80%;
right:-100%;
}
#navigation.left {
right:auto;
left:-100%;
}
#navigation .menu_bar {
font-size:24px;
padding:8px 10px;
}
div.banner {
background-size:cover;
background-position:center;
padding:150px 0 0;
}
div.banner h1 {
background:rgba(0,0,0,0.5);
color:#fff;
font-weight:400;
text-align:center;
padding:10px;
margin:0;
font-size:1.5em;
}
.main_content {
padding:10px;
}
.submenu a {
display:block;
padding:8px 10px;
color:#333;
font-size:17px;
text-decoration:none;
border-bottom:1px solid #eee;
}
.page {
transition:left 0.2s linear, top 0.2s ease;
padding:0px 0 46px;
margin-top:40px;
}
input[type="button"],input[type="submit"],button {
width:100%;
}
.tab_block {
padding-bottom:40px;
}
.display-desktop {
display:none;
}
table.infotable {
display:block;
}
table.infotable th {
display:none;
}
table.infotable tbody {
width:100%;
display:block;
}
table.infotable tr {
display:block;
}
table.infotable tr td:nth-child(2) {
display:block;
}
table.infotable tr td:nth-child(1) {
display:block;
font-weight:bold;
}

}

@media (max-width: 480px) {

}
