* {
  padding: 0;
  margin: 0;
}

.ajax-spinner {
    background: url('../../images/spinner.gif') no-repeat center left;
}

.ajax-spinner-div {
    background: url('../../images/spinner.gif') no-repeat center left;
    width:16px;
    height:16px;
}

#ajax-spinner {
    position: absolute;
    left: 45%;
    right: 45%;
    top: 45%;
    bottom: 45%;
    margin: 15px 0 0 15px;
    padding: 13px;
    background: whitesmoke url('../../images/spinner.gif') no-repeat 50% 50%;
    font-size: 0;
    z-index: 123456;
    display: none;
}
ul {
  list-style-type: none;
}
a img {
  border: 0;
}
table {
  border-collapse: collapse;
}
.reset
{ 
  border: 0px none;
  margin: 0px;
  padding: 0px;
  float: none;
  clear: both;
  width: 0px;
  height: 0px; 
  line-height: 0px; 
  font-size: 0px; 
}
.lb {
  float: left;
  display: block;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.fr_i {
    float: right !important;
}
.nowrap {
    white-space: nowrap;
}
.normal {
    font-weight: normal;
}
body {
  background: url("../../images/admin/bg.jpg") repeat;
  font-family: 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, Arial, lucida, sans-serif;
  font-size: 12px;
}
#site-content {
  width: 1268px;
  margin: auto;
  padding-top: 20px;
}
#head {
  width: 1188px;
  padding-left: 40px;
  padding-right: 40px;
  height: 46px;
  padding-top: 26px;
  background: url("../../images/admin/green-theme/head.png") no-repeat;
}
#content {
  background: url("../../images/admin/content.png") repeat-y;
  width: 1230px;
  padding-left: 19px;
  padding-right: 19px;
}
#content p {
  line-height: 150%;
}
#foot {
  background: url("../../images/admin/foot.png");
  height: 55px;
  padding-top: 22px;
  color: #808080;
  font-size: 12px;
  width: 1152px;
  padding-left: 58px;
  padding-right: 58px;
}
#head h1,
#head h1 a {
  float: left;
  color: #fff;
  font-size: 24px;
  text-decoration: none;
}
#menu-top {
  float: right;
  width: 320px;
  list-style-type: none;
  margin-top: 1px;
}
#menu-top li {
  float: left;
  display: block;
  padding-right: 4px;
}
#menu-top li:hover {
  background: url("../../images/admin/item-top-right.png") top right no-repeat;
}
#menu-top li:hover a {
  background-position: 0 -31px;
  color: #fff;
}
#menu-top li:hover span.profile,
#menu-top li:hover span.logout {
  background-position: 0 -16px;
}
#menu-top li a {
  float: left;
  display: block;
  font-weight: bold;
  font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
  padding: 0 15px;
  padding-right: 11px;
  font-size: 14px;
  height: 24px;
  padding-top: 7px;
  color: #fff;
  background: url("../../images/admin/item-top.png") no-repeat;
  text-decoration: none;
}
#menu-top li a span {
  display: block;
  height: 16px;
  padding-top: 0px;
  padding-left: 23px;
}
#menu-top li a span.profile {
  background: url("../../images/admin/profile.png") no-repeat;
}
#menu-top li a span.logout {
  background: url("../../images/admin/logout.png") no-repeat;
}
#text {
  background: url("../../images/admin/content-top.png") no-repeat;
  width: 1230px;
  padding-left: 0;
  padding-right: 0;
  min-height: 500px;
  padding-top: 20px;
}
#left {
  width: 195px;
  float: left;
  margin-left: 20px;
}
#left ul {
  list-style-type: none;
}
#left ul li a,
#left ul li span {
  text-decoration: none;
  color: #4c4c4c;
  display: block;
  font-size: 12px;
  height: 22px;
  padding-top: 8px;
}
#left > ul > li a:hover,
#left > ul li.active a {
  color: #5dac14;
}
#left > ul > li > span {
  background: url("../../images/admin/green-theme/menu-item-title.png") no-repeat;
  font-weight: bold;
  width: 145px;
  padding-left: 50px;
}
#left ul li ul li a {
  font-size: 11px;
  height: 22px;
  padding-top: 6px;
}
#left ul li ul li {
  padding-left: 15px;
  width: 180px;
  background: url(../../images/admin/menu-item.png) no-repeat;
}
#right {
  width: 975px;
  float: left;
  margin: auto;
  margin-left: 20px;
}
#right a {
  color: #499304;
}
#right a:hover {
  text-decoration: none;
}
#right-full {
  width: 740px;
  float: none;
  margin: auto;
}
#login_form {
  width: 300px;
  margin: 10px auto;
  padding: 80px;
  -moz-border-radius: 11px;
  -khtml-border-radius: 11px;
  -webkit-border-radius: 11px;
  border-radius: 5px;
  -moz-box-shadow: #c8c8c8 0 4px 18px;
  -webkit-box-shadow: #c8c8c8 0 4px 18px;
  -khtml-box-shadow: #c8c8c8 0 4px 18px;
  box-shadow: #c8c8c8 0 4px 18px;
}
h2 {
  font-size: 22px;
  color: #499304;
  margin-bottom: 15px;
}
h3 {
  font-size: 18px;
  font-style: italic;
}
.left {
  text-align: left !important;
}
.center {
  text-align: center;
}
.right {
    text-align: right
}
.invisible
{
    visibility: hidden;
}
table table {
  margin: 0 !important;
}
table.list {
  width: 100%;
  margin: auto;
  border: 1px solid silver;
  clear: left;
}
table.list th {
  background: url("../../images/admin/green-theme/title_line.png") repeat-x;
  height: 18px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #fff;
  font-size: 12px;
}
table.list th a {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: black;
  font-size: 12px;
}
table.list caption {
  margin: auto;
  margin-top: 15px;
  color: #778899;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: larger;
  font-weight: bold;
  padding-bottom: 5px;
}
table.list > tbody > tr {
  background: #f5f5f5;
}
.darker {
  background: #e8e8e8 !important;
}
.trSelected {
  background: #ffe864;
}
table.list thead td {
  background:  #cbe200!important;
}
table.list tr:hover {
  background:  #cbe200!important;
}
th, td {
  padding: 3px 5px;
}
td.center {
  text-align: center;
}
td.actions {
  width: 4%;
  text-align: center;
}
td.route {
  width: 30%;
}
td.order {
  width: 9%;
  text-align: center;
}
input[type="text"],
input[type="date"],
input[type="password"] {
  width: 164px;
  height: 22px;
  padding: 0 0px;
}
select {
  height: 22px;
}
#rtlogo {
  display: block;
  float: right;
  width: 82px;
  height: 32px;
  background: url(../../images/admin/rtsoft.png) no-repeat;
  margin-top: -22px;
}
#rtlogo:hover {
  background-position: 0 -32px;
}
#add {
  display: block;
  background: url(../../images/admin/add_16.png) no-repeat;
  padding-left: 22px;
  margin-bottom: 10px;
  height: 16px;
  padding-top: 1px;
}
.paginator {
  text-align: center;
  font-weight: bold;
}
h3,
table {
  margin-bottom: 20px !important;
}
table {
  border-collapse: separate;
}
thead form input[type="submit"] {
  padding: 3px;
}
table.form th,
form th {
  text-align: left;
}
table.list th {
  text-align: center;
}
form tr.filter input {
  margin-right: 0;
  text-align: center;
}
form tr.filter td {
  text-align: center;
}
label.required {
  display: block;
  float: left;
  line-height: 2;
  vertical-align: middle;
}
label.required:after {
  content: " *";
}
input[type="text"],
input[type="date"],
input[type="password"] {
  border: 1px solid silver;
}
ul.error {
  margin-bottom: 20px;
}
ul.error li {
  color: #ac1900;
  font-weight: bold;
}
.icon {
  width: 16px;
  height: 16px;
  float: left;
  display: block;
  margin-right: 5px;
}
.icon:hover {
  background-color: transparent;
}
.icon-edit {
  background-image: url("../../images/admin/edit.png");
}
.icon-edit2 {  
  background: url("../../images/admin/edit2.png") left no-repeat!important;
}
.icon-text-edit {
  background-image: url("../../images/admin/text_edit_16.png");
}
.icon-delete,
.icon-empty {
  background-image: url("../../images/admin/delete.png");
}
.icon-search {
  background-image: url("../../images/admin/lupa2.png");
}
.icon-pdf {
  background-image: url("../../images/admin/pdf_16.png");
}
.icon-add {
  background: url("../../images/admin/add.png") left no-repeat;
}
.icon-ano {
  background: url("../../images/admin/ano_16.png") left no-repeat;
}
.icon-ne {
  background: url("../../images/admin/ne_16.png") left no-repeat;
}
.icon-post {
  background: url("../../images/admin/post_16.png") left no-repeat;
}
.icon-postnew {
  background: url("../../images/admin/postnew_16.png") left no-repeat;
}
.icon-phone {
  background: url("../../images/admin/phone_16.png") left no-repeat;
}
.icon-tracking {
  background: url("../../images/admin/tracking_16.png") left no-repeat;
}
.icon-info {
  background: url("../../images/admin/info_16.png") left no-repeat;
}
.icon-list {
  background: url("../../images/admin/list_16.gif") left no-repeat;
}

.actions3 {
  width: 100px;
}
.block-actions1 {
    width: 20px;
    margin: auto;
}
.block-actions2 {
  width: 45px;
  margin: auto;
}
.block-actions3 {
  width: 90px;
  margin: auto;
}
.block-actions4 {
  width: 100px;
  margin: auto;
}
div.flash,
ul.error {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #ddd;
}
div.flash.success {
  background: #E6EFC2;
  color: #264409;
  border-color: #C6D880;
}
div.flash.info {
  background: #FFF6BF;
  color: #514721;
  border-color: #FFD324;
}
div.flash.error,
ul.error {
  background: #FBE3E4;
  color: #8a1f11;
  border-color: #FBC2C4;
}
fieldset {
  padding-top: 10px;
  border: 1px solid silver;
}
fieldset legend {
  margin-left: 10px;
  padding: 0 5px;
}
.handle {
  cursor: pointer;
}
.clear {
  clear: both;
}
.done {
  background: #c5e87e !important;
}
.short {
  width: 35px !important;
}
.middle {
  width: 50px !important;
  margin: 0 !important;
}
.tr-red td {
  background: #e27171;
}
.tr-green td {
  background: #b4d15d;
}
a.tdn {
  text-decoration: none;
}
#logged-user {
  float: right;
  margin-right: 50px;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  margin-top: 4px;
}
.icon-detail {
  background-image: url("../../images/admin/detail.png");
}
.edit-form th {
  vertical-align: top;
  padding: 3px 5px;
}
.form-disabled input[disabled='disabled'] {
    border: 0;
    background: none;
    color: black;
}
textarea {
  padding: 3px;
}
.msg {
  padding: 10px;
  color: #fff;
  width: 70%;
}
.red-bg {
  background: #499304;
  float: right;
}
.gray-bg {
  background: darkgray;
}
.sms-author {
  float: left;
}
.sms-date {
  float: right;
}
thead input[type="text"],
thead select {
  width: 98%;
}
.mb {
  margin-bottom: 15px !important;
}
tr.in td {
  background: orange !important;
}
.paginator {
  margin: 1em 0;
  font-size: 90%;
}
.paginator a,
.paginator span {
  margin-right: 0.1em;
  padding: 0.4em 0.7em;
  color: #999999;
}
.paginator a {
  border: 1px solid ;
  text-decoration: none;
  color: #105CB6;
}
.paginator a:hover {
  background: #cbe200;
}
.paginator span.button {
  border: 1px solid #DDDDDD;
}
.paginator .current {
  background: #cbe200;
  border: 1px solid ;
  color: white;
  font-weight: bold;
}

button.ui-datepicker-current 
{ 
    display: none; 
}

.accepted0 td
{
    background: #FBFBFB;
}

.accepted1 td
{
    background: #FFEF00;
}

.accepted2 td
{
    background: #66FF00;
}
.accepted3 td
{
    background: red;
}
.accepted4 td {
    background: #00B0DF;
}
.standard-list th {
    text-align: left;
}

a.button span.ui-button-text {
    color: white;
}

.button-red {
    display: inline-block;
    position: relative;
    padding: 7px;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible;
    border-radius: 6px;
    border: 1px solid #BA0000;
    background: #F20000 url(../images/jquery-ui/ui-bg_highlight-hard_15_459e00_1x100.png) 50% 50% repeat-x!important;
    font-weight: bold;
    color: #ffffff!important;
    text-decoration: none;
    font-size: 11px;
}

.button-red:hover {
    background: #FF4A4A url(../images/jquery-ui/ui-bg_highlight-hard_15_459e00_1x100.png) 50% 50% repeat-x;
}

.button-gray {
    display: inline-block;
    position: relative;
    padding: 7px;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible;
    border-radius: 6px;
    border: 1px solid #545252;
    background: #919191 url(../images/jquery-ui/ui-bg_highlight-hard_15_459e00_1x100.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #ffffff!important;
    text-decoration: none;
    font-size: 11px;
}

.button-gray:hover {
    background: #BFBBBB url(../images/jquery-ui/ui-bg_highlight-hard_15_459e00_1x100.png) 50% 50% repeat-x;
}

.restrict {
    background-color: #EEE;
}

.event-day {
    background: red;
}

table.draft-detail th {
    width: 200px;
}

.red {
    background: red;
    color: white;
}

table.list table td {
    padding: 0;}

.square-small {
    width: 15px;
    height: 15px;
}