html {
margin: 0;
padding: 0;
height: 100%;
}
body {
margin: 0;
padding: 0;
height: 100%;
background: url('../images/admin/background.png') 0px 75px repeat-x;
}
body, td, th, input, select, textarea, option, optgroup {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
}
a, a:visited {
color: #003366;
cursor: pointer;
}
form {
margin: 0;
padding: 0;
}
#header {
height: 30px;
background: #000000 url('../images/admin/header.png');
border-bottom: 2px solid #DEE57B;
}
#header .div1 {
width: 800px;
position: relative;
left: 50%;
margin-left: -400px;
}
.table-striped tr:nth-child(even) {background-color:#E1F0F4;}
#header .div2 {
font: bold 16px Arial, sans-serif;
color: #FFFFFF;
margin: 5px 0px 0px 0px;
float: left;
}
#header .div3 {
color: #999999;
margin: 7px 0px 0px 0px;
float: right;
}
.collapsible {
background-color: #777;
color: white;
cursor: pointer;
padding: 15px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
border-radius: 7px;
}
.collapsible.active, .collapsible:hover {
background-color: #555;
}
.collapsible.active {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.content1,.content2 {
display: none;
overflow: hidden;
box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important
}
.collapsible:after {
content: '\25ba';
color: white;
font-weight: bold;
margin-left: 5px;
}
.collapsible.active:after {
content: '\25bc';
}
#header .div3 b {
color: #FFFFFF;
}
#header .div3 a, #header .div3 a:visited {
color: #FFFFFF;
}
#menu {
background: #303F4A;
height: 72px;
border-top: 2px solid #849721;
border-bottom: 1px solid #FFFFFF;
position: relative;
z-index: 1;
}
#nav {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
clear: both;
height: 40px;
float: left;
}
#nav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
background: #4A6275;
}
#nav a {
display: block;
color: #FFFFFF;
text-decoration: none;
padding: px;
}
#nav .top, #nav li li.sfhover {
padding: 8px 6px 8px 6px;
margin: 5px 5px 0px 0px;
text-align: center;
background-color: #E4EEF7;
color: black;
}
#nav ul li {
color: #FFFFFF;
}
#nav .selected .top {
background: url('../images/admin/tab_2.png') bottom no-repeat;
color: #333333;
}
#nav .selected:hover a.top, #nav .sfhover a.top {
}
#nav .parent {
background: url('../images/admin/arrow_right.png') 95% center no-repeat;
}
#nav li {
float: left;
list-style: none;
}
#nav li ul {
position: absolute;
}
#nav li li {
clear: both;
}
#nav li ul a {
height: 15px;
width: 132px;
}
#nav li ul ul {
margin: -25px 0 0 140px;
}
#nav li li:hover, #nav li li.sfhover {
background: #B2C8D1;
color: #333333;
}
#container {
min-height: 350px;
/*width: 1000px;
position: relative;
left: 50%;
margin-left: -475px;*/
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}
#column_left {
width: 13px;
height: 264px;
float: left;
background: url('../images/admin/column_left.png') no-repeat;
}
#column_right {
width: 13px;
height: 264px;
float: left;
background: url('../images/admin/column_right.png') no-repeat;
}
#content {
width: 100%;
float: left;
padding: 5px 15px 15px 15px;
background: #FFFFFF;
}
#footer {
clear: both;
/*width: 900px;
height: 50px;*/
width: 98%;
height: 50px;
padding-top: 10px;
position: relative;
/*left: 50%;
margin-left: -450px;*/
text-align: center;
background: #303F4A;
margin: 0 auto;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
#footer a {
color: #FFFFFF;
text-decoration: underline;
}
.breadcrumb {
border-bottom: 1px solid #E5E5E5;
padding-bottom: 10px;
margin-bottom: 15px;
}
.heading {
height: 30px;
margin-bottom: 3px;
clear: both;
}
.heading h1 {
color: #333333;
float: left;
font-size: 24px;
font-weight: normal;
margin: 0px 0px 0px 0px;
}
.buttons {
float: right;
}
.button {
display: inline-block;
}
.buttons .button {
margin-left: 5px;
}
.button .button_left {
width: 30px;
height: 30px;
display: block;
float: left;
}
.button .button_middle {
background: url('../images/admin/button_middle.png') repeat-x;
height:30px;
padding-top: 8px;
/*padding-bottom: 8px;*/
display: block;
float: left;
color: #333333;
}
.button .button_right {
width: 15px;
height: 30px;
background: url('../images/admin/button_right.png') no-repeat;
display: block;
float: left;
}
.button .button_insert {
background: url('../images/admin/button_insert.png') no-repeat;
}
.button .button_delete {
background: url('../images/admin/button_delete.png') no-repeat;
}
.button .button_save {
background: url('../images/admin/button_save.png') no-repeat;
}
.button .button_cancel {
background: url('../images/admin/button_cancel.png') no-repeat;
}
.button .button_send {
background: url('../images/admin/button_send.png') no-repeat;
}
.button .button_back {
background: url('../images/admin/button_back.png') no-repeat;
}
.button .button_login {
background: url('../images/admin/button_login.png') no-repeat;
}
.button .button_restore {
background: url('../images/admin/button_restore.png') no-repeat;
}
.button .button_backup {
background: url('../images/admin/button_backup.png') no-repeat;
}
.button .button_invoice {
background: url('../images/admin/button_invoice.png') no-repeat;
}
.button .button_print {
background: url('../images/admin/button_print.png') no-repeat;
}
.success {
padding: 5px 0px;
margin-bottom: 15px;
background: #E4F1C9;
border: 1px solid #A5BD71;
font-size: 11px;
text-align: center;
}
.warning {
padding: 5px 0px;
margin-bottom: 15px;
background: #FFDFE0;
border: 1px solid #FF9999;
font-size: 11px;
text-align: center;
}
.required {
color: #FF0000;
font-weight: bold;
}
.error {
color: #FF0000;
padding-top: 3px;
display: block;
}
.help {
color: #999;
display: block;
font-size: 11px;
}
.tooltip {
border: 1px solid #FDDA5C;
background: #FBFF95;
padding: 5px;
font-size: 11px;
}
.preview img {
border: 3px solid #EEEEEE;
background: #FFFFFF;
padding: 1px;
margin: 3px 0px 1px 0px;
}
.green {
background: #E4F1C9;
width: 100%;
margin-bottom: 15px;
padding: 3px;
border-collapse: collapse;
}
.green td {
padding: 8px;
}
#navigation {
padding: 8px;
background: #E7EFEF;
margin-bottom: 15px;
}
#navigation select {
margin: 0;
padding: 0;
}
.list {
border-collapse: collapse;
width: 100%;
background: #303F4A url('../images/admin/top_1.png') no-repeat;
}
.list_th {
border-collapse: collapse;
color:#FFF;
padding:12px 0;
background:none;
}
.page .list {
background: #303F4A url('../images/admin/top_2.png') no-repeat;
}
.list input, .list select {
padding: 0;
margin: 5px 0px;
}
.list thead td {
color: #FFFFFF;
padding: 0px 0 0 18px;
}
.list thead td a {
text-decoration: none;
color: #FFFFFF;
}
.list tbody a {
text-decoration: underline;
}
.list tbody td {
vertical-align: middle;
padding: 0px 5px;
}
.list tbody tr.even {
background: #FFFFFF;
}
.list tbody tr.odd {
background: #E4EEF7;
}
.list .left {
text-align: left;
padding: 9px;
}
.list .right {
text-align: right;
padding: 9px;
}
.list .center {
text-align: center;
padding: 9px;
}
.list .asc {
padding-right: 15px;
background: url('../images/admin/asc.png') right center no-repeat;
}
.list .desc {
padding-right: 15px;
background: url('../images/admin/desc.png') right center no-repeat;
}
.filter {
background: #F8F8F8;
}
.list_th{
background: none !important;}
.filter > td {
border-bottom: 1px solid #EEEEEE;
}
.pagination {
margin-top: 30px;
border-top: 1px solid #EEEEEE;
background: #F8F8F8;
display: inline-block;
width: 100%;
}
.pagination .links, .pagination .results {
padding: 9px;
}
.pagination .links {
float: left;
}
.pagination .links a {
border: 1px solid #CCCCCC;
padding: 4px 7px;
text-decoration: none;
color: #000000;
}
.pagination .links b {
border: 1px solid #CCCCCC;
padding: 4px 7px;
text-decoration: none;
color: #000000;
background: #FFFFFF;
}
.pagination .results {
float: right;
}
.tabs {
background: #303F4A url('../images/admin/top_1.png') top no-repeat;
height: 40px;
padding-left: 10px;
}
.tabs a {
padding: 17px 0px 9px 0px;
margin-right: 5px;
width: 100px;
text-align: center;
text-decoration: none;
background: url('../images/admin/tab_1.png') bottom no-repeat;
color: #C2D4DD;
display: block;
float: left;
}
.tabs a.selected {
color: #333333;
background: url('../images/admin/tab_3.png') bottom no-repeat;
}
.page {
min-height: 300px;
padding: 15px;
background: #FAFAFA;
border-bottom: 1px solid #EEEEEE;
}
.form {
width: 100%;
border-collapse: collapse;
margin-bottom: 15px;
}
.form td {
padding: 5px;
vertical-align: top;
}
.scrollbox {
border: 1px solid #CCCCCC;
width: 350px;
height: 100px;
background: #FFFFFF;
overflow-y: scroll;
}
.scrollbox div {
padding: 3px;
}
.scrollbox div input {
margin: 0px;
padding: 0px;
margin-right: 3px;
}
.scrollbox div.even {
background: #FFFFFF;
}
.scrollbox div.odd {
background: #E4EEF7;
}
/* Preview Image */
#preview {
text-align: center;
}
#preview img {
border: 3px solid #EEEEEE;
padding: 1px;
}
/* Pages */
#login {
margin-top: 50px;
width: 344px;
position: relative;
left: 50%;
margin-left: -172px;
}
#login table {
width: 100%;
}
#login table td {
padding: 10px;
}
#login .warning {
margin-top: 0px;
margin-bottom: 0px;
border-left: 0;
border-right: 0;
border-top: 0;
}
#login .div1 {
background: #303F4A url('../images/admin/login_top.png') top no-repeat;
padding: 10px;
color: #FFFFFF;
}
#login .div2 {
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
background: #FAFAFA;
}
#login .div3 {
background: #FAFAFA url('../images/admin/login_bottom.png') bottom no-repeat;
height: 5px;
}
#default #report1 {
float: left;
display: inline-block;
width: 45%;
height: 200px;
}
#default #report2 {
float: right;
display: inline-block;
width: 45%;
height: 200px;
}
#order {
border-top: 1px solid #CDDDDD;
}
#order table {
border-collapse: collapse;
border-left: 1px solid #E5E5E5;
width: 100%;
}
#order table td {
padding: 5px;
background: #FFFFFF;
border-right: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
}
#order table thead td {
background: #303F4A;
color: #FFFFFF;
}
#option {
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}
#option table {
border-collapse: collapse;
width: 100%;
}
#option td {
padding: 5px;
border-bottom: 1px solid #CCCCCC;
}
.option {
background: #DDDDDD;
}
.option_value {
background: #EEEEEE;
}
.option_add {
background: #FFFFFF;
padding: 5px;
border-bottom: 1px solid #CCCCCC;
text-align: right;
}
.add {
color: #000;
display: inline-block;
padding-right: 20px;
background: url('../images/admin/add.png') right center no-repeat;
}
.remove {
color: #000;
display: inline-block;
padding-right: 20px;
background: url('../images/admin/delete.png') right center no-repeat;
}
.tags {
width: 100%;
box-sizing: border-box;
}
table.form td p {
margin:5px 0;
padding:0 5px;
width:auto;
color:#FF0000;
font-weight:bold;
}
.main-pg td {
background:#E1F0F4;
}
.sub-pg td {
background:#EEEEEE
}
#border-pagination {
margin: 0 auto;
padding: 0;
text-align: center
}
#border-pagination li {
display: inline;
}
#border-pagination li a {
display: block;
text-decoration: none;
color: #000;
padding: 5px 10px;
border: 1px solid #ddd;
float: left;
}
#border-pagination li a {
-webkit-transition: background-color 0.4s;
transition: background-color 0.4s
}
#border-pagination li .active {
background-color: #007BFF;
color: #fff;
}
#border-pagination li a:hover:not(.active) {
background: #ddd;
}
.fa{font-size: 12px !important}
.fa.fa-trash {
color: #F44545;
}
td strong span {
color: #098209;
font-size: 14px;
}
input[type="text"]:disabled {
cursor: not-allowed;
background-color: #EEE;
}
.timetable td:first-child { width: 80px };