body{font-family:Arial; font-size:13px; color:#555; margin:0px; padding:0px;}

a{color:#777777; text-decoration: none;font-weight:normal;}
a:hover{color:#333333; text-decoration: none;font-weight:normal;}

ul li{list-style-type:circle;}
ol li{list-style-type:decimal;}

.clr{clear:both;}

.left{float:left; position:relative;}
.right{float:right; position:relative;}
.clr{clear:both;}

h2{border-bottom:1px dotted #c5c5c5; padding-bottom:10px; width:98%; margin-top:0px; padding-top: 0px;}
hr.dotted{border:1px dotted #cccccc; float: left;}
hr.tipis { border: 0; height: 1px; background: #e5e5e5; 
	background-image: -webkit-linear-gradient(left, #ccc, #e5e5e5, #ccc); 
	background-image: -moz-linear-gradient(left, #ccc, #e5e5e5, #ccc); 
	background-image: -ms-linear-gradient(left, #ccc, #e5e5e5, #ccc); 
	background-image: -o-linear-gradient(left, #ccc, #e5e5e5, #ccc); 
}

.ml_10{margin-left:10px;}
.mr_10{margin-right:10px;}
.mt_10{margin-top:10px;}
.mb_10{margin-bottom:10px;}
.mb_100{margin-bottom:100px;}

#container{}
.header{background-image:url("../../ralisa_assets/images/logo_bg.jpg"); background-repeat:x-repeat; height:99px; }
.hlogo{margin-left:30px; float:left; width:180px;}
.htext{float:left; width:400px; margin-top:40px;}
.htext h1{font-size:14px; color:#777777; margin:0px; padding:0px;}
.htext h2{font-size:14px; color:#777777; margin:0px; padding:0px;}
.hlogin{float:right; margin-right: 10px; margin-top:40px; width: 350px; text-align: right; }
.hlogin .item{font-size:13px;}
.hlogin a{color:#9f0e0e;}
.hlogin a:hover{color:#333333;}
.hlogin .input_login{background-color:#666666; color:#ffffff; padding:6px; border:0px; margin-top:3px;}
.hlogin .button_login{background-color:#333333; color:red; padding:6px; border:0px; margin-top:3px;}

.main_menu{background-color:#000000; height:40px;}

#c_footer{background-color:#e5e5e5; padding:5px;}
#c_footer .footer_info{color:#999999; margin-left:30px;}


.c_menu{}
.c_menu .mainmenu{padding-left:40px; background-color: #474749; height:40px;}
.c_menu .mainmenu .itemmenu{ color:#fff; font-size:13px;}
.c_menu .mainmenu .itemmenu a{text-decoration:none;}
.c_menu .mainmenu .itemmenu a:hover{text-decoration:none;}
.c_menu .mainmenu .itemmenu .item{float:left; margin-right:5px; text-decoration: none; color:#fff;  height:40px; padding: 10px 10px 0px 10px;  }
.c_menu .mainmenu .itemmenu .item:hover{background-image: url("../../ralisa_assets/images/bg_menu.jpg"); background-repeat: repeat-x; color:#fff; padding: 10px 10px 0px 10px;  cursor: pointer; height:40px;}
.c_menu .mainmenu .itemmenu .item_act{float:left; margin-right:5px; text-decoration: none; color:#fff; background-image: url("../../ralisa_assets/images/bg_menu.jpg"); background-repeat: repeat-x; color:#fff; padding: 10px 10px 0px 10px;  height:40px;}

.c_menu .submenu{padding-left:40px; margin-top: 5px;}
.c_menu .submenu .itemmenu{ width: 99%; padding-top:10px;}
.c_menu .submenu .itemmenu a{text-decoration:none;}
.c_menu .submenu .itemmenu a:hover{text-decoration:none; color:#bf3b36;}
.c_menu .submenu .itemmenu .subitem{
	float:left; position: relative; min-width: 30px; height: 30px; margin-right: 10px; padding-top:3px;
	background-image: url("../../ralisa_assets/images/arrow_grey.jpg"); background-repeat: no-repeat;
	padding-left: 20px;
}
.c_menu .submenu .itemmenu .subitem:hover{
	float:left; position: relative; min-width: 30px; height: 30px; margin-right: 10px;  cursor: pointer; padding-top:3px;
	background-image: url("../../ralisa_assets/images/arrow_grey.jpg"); background-repeat: no-repeat;
	padding-left: 20px;
}
.c_menu .submenu .itemmenu .subitem_act{
	float:left; position: relative; min-width: 30px; height: 30px; padding-top: 3px; margin-right: 10px; color:red;
	background-image: url("../../ralisa_assets/images/arrow_red.jpg"); background-repeat: no-repeat;
	padding-left: 20px;
}

.left_menu{}
.left_menu ul{}
.left_menu li{list-style-type: disc;  font-size: 13px; margin-bottom: 10px;}
.left_menu a{color:#be0000; }

.main-container{margin-left:40px; margin-bottom:50px;}

/* for calendar */
.calendar {
	font-family: Arial, Verdana, Sans-serif;
	width: 97%;
	min-width: 960px;
	border-collapse: collapse;
}

.calendar_month_title{font-size:24px; margin-bottom:10px;}

.calendar tbody tr:first-child th {
	color: #505050;
	margin: 0 0 10px 0;
}

.day_header {
	font-weight: normal;
	text-align: center;
	color: #757575;
	font-size: 13px;
}

.calendar td {
	width: 14%; /* Force all cells to be about the same width regardless of content */
	border:1px solid #CCC;
	height: 100px;
	vertical-align: top;
	font-size: 13px;
	padding: 0;
}

.calendar td:hover {
	background: #F3F3F3;
}

.day_listing {
	display: block;
	text-align: left;
	font-size: 13px;
	color: #2C2C2C;
	padding: 5px 0 0 5px;
}

div.today {
	background: #E9EFF7;
	height: 100%;
}

.box_day_activities{padding:3px; margin-bottom:3px; cursor: pointer;}
/* end CALENDAR */


/* form input */
.form_input{}
.form_input h3{color: #f40f0f;}
.form_input .split{float:left; position: relative; width: 165px; margin: 0px; padding: 0px;}
.form_input label{display:block; margin-bottom:5px; font-size:14px; margin-top:5px;}
.form_input .input_orig{background-color: #e8e8e8; border:0px; padding:10px; color:#333333; margin-bottom:5px; resize: none; font-size:13px;}
.form_input .input{width:300px; background-color: #e8e8e8; border:0px; padding:10px; color:#333333; margin-bottom:5px; resize: none; font-size:13px;}
.form_input .input_readonly{background-color: #f8fdc3; border:0px; padding:10px; color:#333333; margin-bottom:5px; resize: none; font-size:13px;}
.form_input .input_text_small{width:300px; height: 175px; background-color: #e8e8e8; border:0px; padding:10px; color:#333333; margin-bottom:5px; resize: none; font-size:13px;}
.form_input .input_text_noheight{width:300px; background-color: #e8e8e8; border:0px; padding:10px; color:#333333; margin-bottom:5px; resize: none; font-size:13px;}
.form_input .input_split{width:133px; background-color: #e8e8e8; border:0px; padding:10px; color:#333333; margin-bottom:5px; resize: none; font-size:13px;}
.form_input .input_split_readonly{width:133px; background-color: #f8fdc3; border:0px; padding:10px; color:#333333; margin-bottom:5px; resize: none; font-size:13px;}
.form_input .input_date_split{width:108px; background-color: #e8e8e8; border:0px; padding:10px; color:#333333; margin-bottom:5px; resize: none; font-size:13px;}
.form_input .button_content{margin-top:10px;}
.form_input .button_action{background-color: black; color:white; padding:6px; border:1px solid black;}
.form_input .button_cancel{background-color: white; color:red; padding:6px;}
.form_input .button_print{background-color: white; color:black; padding:6px; border: 1px solid black;}
.form_input .button_print img{width: 20%; height: 20%; vertical-align: top;}
.form_input .button_printlink{background-color: white; color:black; border:1px solid black; float: left; position: relative; padding: 6px; width: 80px; }
.form_input .box_color{padding:5px; height:30px; width:320px; border:1px solid #cccccc; background-color: #e8e8e8;}
.form_input .box_color option{padding:5px;}
.form_input .box_color_split{padding:5px; height:30px; width:150px; border:1px solid #cccccc; background-color: #e8e8e8;}
.form_input .box_color_split option{padding:5px;}
.form_input .select_small{padding:5px; width:140px; border:1px solid #cccccc; background-color: #e8e8e8;}
.form_input .left_content{float:left; position:relative; width:380px; margin-right:5px;}
.form_input .left_content_free{float:left; position:relative; margin-right:5px;}
.form_input .shipment_type{width:300px; list-style-type: none; margin:0px; padding: 0px;}
.form_input .shipment_type li{width:120px; float:left; position: relative; margin-right: 10px; margin-bottom: 3px; list-style-type: none;}
.form_input select option:checked { border:1px solid #fb0000; }

.item_invoice{margin-bottom: 10px;}
.item_invoice .left_item{float:left; width: 180px; background-color: #f0f0f0; padding: 10px; margin-right:20px;}
.item_invoice .left_item .inputitem_label{background-color: #f0f0f0; border:0px; width:170px; text-align: left;}
.item_invoice .right_item{float:left; width: 180px; background-color: #f0f0f0; padding: 9px; }
.item_invoice .right_item span{padding-right:10px;}
.item_invoice .right_item .inputitem{background-color: #f0f0f0; border:0px; width:140px; text-align: right;}
.item_invoice .right_item .inputitem_others{background-color: #f0f0f0; border:0px; width:140px; text-align: right;}
.item_invoice .right_item .inputitemtotal{font-weight:bold; background-color: #f0f0f0; border:0px; width:140px; text-align: right;}
.item_invoice .right_item_remove{float:left; width: 2px; padding: 9px; }
.item_invoice .invoice_info{font-weight: bold; font-size: 16px;}
.table_payment{background-color:#f5f5f5;}
.table_payment td.padleft{padding-left:10px;}
.table_payment td.padright{padding-right:10px;}
.table_payment td{padding-top:10px; padding-bottom: 10px;}
.table_payment .input_payment{width:120px; background-color: #ffffff; border:1px solid #cccccc; padding:5px; color:#333333; margin-bottom:5px; resize: none; text-align: right;}
.table_payment .input_payment_date{width:100px; background-color: #ffffff; border:1px solid #cccccc; padding:5px; color:#333333; margin-bottom:5px; resize: none;}
.table_payment .select_small{padding:5px; width:140px; border:1px solid #cccccc; background-color: #ffffff;}

.legend{width:98%;}
.legend .legend_item{float:left; position: relative; width: 150px; margin-bottom: 5px;}
.legend .legend_item .legend_text{float:left; position:relative; width: 100px; margin-left:5px; margin-right: 10px;}

.table_index{}
.table_index th{background-color: #999999; padding-top:10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; font-family: Arial; font-weight: normal; text-align: left;}
.table_index td{padding-top:10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; font-family: Arial; font-weight: normal; text-align: left; border-bottom: 1px dotted #cccccc;}
.table_index td.even{background-color:#f5f5f5;padding-top:10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; font-family: Arial; font-weight: normal; text-align: left; border-bottom: 1px dotted #cccccc;}
.table_index td.city_active{color: #c11818; font-weight: bold;}


/* Search result ajax */
.ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999;}
.ac_results ul { width: 100%; list-style: none outside none; padding: 0pt; margin: 0pt; }
.ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; font: menu; font-size: 13px; line-height: 16px; overflow: hidden; }
.ac_odd { background-color: rgb(238, 238, 238); }

.destination_list{width:1024px;}
.destination_list .destination_item{float:left; position:relative; width: 120px; margin-right: 10px; margin-bottom: 10px; height: 30px;}

.numberonly{text-align:right; font-size:24px; font-weight:bold;}

/* for datetime css */
.ui-timepicker-wrapper {
overflow-y: auto;
height: 150px;
width: 6.5em;
background: #fff;
border: 1px solid #ddd;
-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
box-shadow:0 5px 10px rgba(0,0,0,0.2);
outline: none;
z-index: 10001;
margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
width: 11em;
}

.ui-timepicker-list {
margin: 0;
padding: 0;
list-style: none;
}

.ui-timepicker-duration {
margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
color: #888;
}

.ui-timepicker-list li {
padding: 3px 0 3px 5px;
cursor: pointer;
white-space: nowrap;
color: #000;
list-style: none;
margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
color: #888;
cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
background: #f2f2f2;
}

.spinner {
    position: fixed;
    top: 0;
    text-align:center;
    z-index:1234;
    overflow: auto;
}

.loading {
    opacity: 0.40;
    cursor: wait;
}

/* Navbar container */
.navbar {
  overflow: hidden;
  background-color: #333;
  font-family: Arial;
}

/* Links inside the navbar */
.navbar a {
  float: left;
  font-size: 14px;
  color: white;
  text-align: center;
  padding: 12px 14px;
  text-decoration: none;
}

/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 14px; 
  border: none;
  outline: none;
  color: white;
  padding: 12px 14px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

.gantungin{
    position: fixed;
    top: 0;
    /*right:100px;*/
   /* padding: 5px 0;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.6);8*/
    margin-top: 0px;
    padding:auto;
    /*background: #fff;*/
    z-index: 2;

}