/* general */
body { background-color:#FFFFFF; color:#999999; direction:ltr; text-align:left; unicode-bidi:embed; }
* { margin:0; padding:0; }

/*
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td { 
	font:15px 'Open Sans',Tahoma; 
	color:#666666; 
	margin:0; 
	padding:0; 
	text-align:left;
	vertical-align:middle !important;
}*/

a { color:#3BACBB; cursor:pointer; text-decoration:none; }
a:hover { color:#C5443D; text-decoration:none !important; }
.asecond { color:#ffffff; }
.asecond:hover { color:#eeeeee; }
img { border:0 none; }
ol, ul { list-style:none outside none; }
ul.show-list, ul.show-list li { list-style:disc; margin-left:15px; }
ol.show-list { list-style:digits; margin-left:15px; }
form { margin:0; padding:0; position:relative; }
table { width:100%; }

/*excel cel format*/
.num_excel { mso-number-format:General; }
.text_excel{ mso-number-format:"\@";/*force text*/ }

/*input/select*/
.input_style { 
	/*JQuery Choosen plugn used combo box style*/
	background:linear-gradient(#FFFFFF 20%, #F6F6F6 90%, #EEEEEE 52%, #F4F4F4 100%);
	background:-moz-linear-gradient(#FFFFFF 20%, #F6F6F6 90%, #EEEEEE 52%, #F4F4F4 100%);
	background:-webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#F4F4F4));
	background:-webkit-linear-gradient(#FFFFFF 20%, #F6F6F6 90%, #EEEEEE 52%, #F4F4F4 100%);
	border:1px solid #ddd;

	height:30px;
	color:#444;
	padding:0px 2%;
}

.form_label { margin:2px 0px; margin-top:7px; display:block; }
.input_vs { width:20% !important; min-width:50px; }
.input_s { width:30% !important; min-width:80px; padding:0px 2px !important; }
.input_m { width:50% !important; min-width:100px; }
/*select.input_full { width:100% !important; min-width:100px; }*/
.input_l { width:80% !important; min-width:100px; }
.input_full { width:100% !important; min-width:100px; }

/* custom font */
@font-face {
font-family: 'Myriad';
font-style: normal;
font-weight: normal;
src: local('Myriad'), url('fonts/MYRIADPRO-COND.woff') format('woff');
}

.stitle { font-size:9px !important; } /*small title*/
.ntitle { font-size:14px !important; } /*normal title*/
.mtitle { font-size:17px !important; } /*medium title*/
.ltitle { font-size:22px !important; } /*large title*/
.xtitle { font-size:27px !important; } /*extra large title*/
.super_title { font-size:35px !important; }
.extra_super_title { font-size:65px !important; }

/*color : f=font*/
.flogo { color:#FC6E59 !important; }
.fblack { color:#000000 !important; }
.fwhite { color:#ffffff !important; }
.fgrey_deep { color:#666666; }
.fgrey_light { color:#aaaaaa; }
.fblue { color:#88BCD5 !important; }
.forange { color:#f0812b !important; }
.fred { color:#E95A5A !important; }
.fred p{ color:#E95A5A !important; }
.space_both { margin:0px 5px; }
.space_left { margin-left:5px; }
.space_right { margin-right:5px; }

.fbold { font-weight:bold; }
.funderline { text-decoration:underline; }
.fsecond { font-family:Myriad, Tahoma; letter-spacing:1px; }

.fshadow_black_deep { text-shadow:1px 1px 2px #000000; }
.fshadow_black_light { text-shadow:1px 1px 2px #cccccc; }
.fshadow_white_deep { text-shadow:1px 1px 2px #ffffff; }
.fshadow_white_light { text-shadow:1px 1px 2px #eeeeee; }
.box_shadow { box-shadow:0px 0px 5px #EF7F69; -moz-box-shadow:0px 0px 5px #EF7F69; -webkit-box-shadow:0px 0px 5px #EF7F69; -o-box-shadow:0px 0px 5px #EF7F69; -ms-box-shadow:0px 0px 5px #EF7F69; }
.no_box_shadow { box-shadow:none !important; -moz-box-shadow:none !important; -webkit-box-shadow:none !important; -o-box-shadow:none !important; -ms-box-shadow:none !important; }
.no_text_shadow { text-shadow:none !important; }

.float_clear_full { clear:both !important; height:0px; font-size:1px; line-height:0px; }
.float_clear { clear:both !important; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.float_none { float:none !important; }

.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_middle { display:table-cell; vertical-align:middle !important; }

.display_none { display:none; }
.display_show { display:block !important; }
.error { color:#FF3603 !important; }
.error_bg { background:#F2DEDE !important; }
.opacity_none { opacity:0; filter:alpha(opacity=0); }
.opacity_show { opacity:1; filter:alpha(opacity=100); }

/*border less*/
.border_less { border:none !important; }
.border_less_left { border-left:none !important; }
.border_less_right { border-right:none !important; }
.border_less_top { border-top:none !important; }
.border_less_bottom { border-bottom:none !important; }

/*border radius class*/
.br_3_full { border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px; }
.br_5_full { border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px; }
.br_7_full { border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;-o-border-radius:7px;-ms-border-radius:7px; }
.br_3_top { border-radius:3px 3px 0px 0px;-moz-border-radius:3px 3px 0px 0px;-webkit-border-radius:3px 3px 0px 0px;-o-border-radius:3px 3px 0px 0px;-ms-border-radius:3px 3px 0px 0px; }
.br_5_top { border-radius:5px 5px 0px 0px;-moz-border-radius:5px 5px 0px 0px;-webkit-border-radius:5px 5px 0px 0px;-o-border-radius:5px 5px 0px 0px;-ms-border-radius:5px 5px 0px 0px; }
.br_5_bottom { border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px; -o-border-radius:0px 0px 5px 5px; -ms-border-radius:0px 0px 5px 5px; }
.br_7_top { border-radius:7px 7px 0px 0px;-moz-border-radius:7px 7px 0px 0px;-webkit-border-radius:7px 7px 0px 0px;-o-border-radius:7px 7px 0px 0px;-ms-border-radius:7px 7px 0px 0px; }
.br_7_left { border-radius:0px 0px 0px 7px;-moz-border-radius:0px 0px 0px 7px;-webkit-border-radius:0px 0px 0px 7px;-o-border-radius:0px 0px 0px 7px;-ms-border-radius:0px 0px 0px 7px; }
.br_7_bottom { border-radius:0px 0px 7px 7px;-moz-border-radius:0px 0px 7px 7px;-webkit-border-radius:0px 0px 7px 7px;-o-border-radius:0px 0px 7px 7px;-ms-border-radius:0px 0px 7px 7px; }
.no_border_radius { border-radius:0px !important; -moz-border-radius:0px !important; -webkit-border-radius:0px !important; -o-border-radius:0px !important; -ms-border-radius:0px !important; }

/*common styles*/
#dic_bubble { overflow:hidden; } /*the id loaded by default in firefox browser*/
#wrapper { width:100%; }
.my_container, .main_container { width:100%; position:relative; }
.placeholder { position:relative; }
.placeholder .caption { position:absolute; right:0px; border-left:1px solid #cccccc; color:#aaaaaa; }
#message_board, .message_board {
	padding:6px;
  background: #fbf5b1;
  background: -webkit-gradient(linear, left top, left bottom, from(#fcf8c9), to(#f9f299));
  background: -webkit-linear-gradient(#fcf8c9, #f9f299);
  background: -moz-linear-gradient(top, #fcf8c9, #f9f299);
  background: linear-gradient(top, #fcf8c9, #f9f299);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcf8c9', endColorstr='#f9f299');
  color: #6d7829;
  text-shadow: 0 1px 0 #fff;
}
.message_board { margin:3px 0px; border:1px solid #aaa; }

.spinner { display:none; width:18px; height:18px; background:url("../img/icon/spinner.gif") no-repeat scroll center center transparent; }
.page_caption, .page_caption a { font-family:Myriad, Tahoma; letter-spacing:1px; font-size:150%; color:#f36f21; }
.panel .page_caption, .panel .page_caption a { padding-bottom:0px; margin-bottom:0px; }
.no_spacing { margin:0px; padding:0px; }
.list_for_small_screen { display:none; margin-bottom:3px; }
.chzn-container .search-field input { height:25px !important; }
.tick_small { background:url("../img/icon/icon_tick.png") no-repeat scroll -5px -1px transparent; padding-left:20px; }
.tick_custom_small { background:url("../img/icon/icon_checkbox.png") no-repeat scroll center center transparent; padding-left:20px;margin-top: 5px; }

body { background:##EDEDED !important; /*background-attachment:fixed; -moz-background-size:100%; background-size:100%;*/ }
.left_section { clear:both; width:47%; float:left; padding-right:2%; }
.right_section { width:47%; float:right; padding-left:2%; border-left:1px solid #ccc; }
.right_section:after { clear:both; }

/*Custom background color*/
.bg-info{background-color:#17a2b8;font-weight:bold;color:white;}
.bg-danger{background-color:#dc3545;font-weight:bold;color:white;}
.bg-warning{background-color:#ffc107;font-weight:bold;color:white;}


/*overwrite bootstrap*/
table th { background-color:#ffffff !important; }
.nav-pills > li > a { border-radius:0px !important; }
.dropdown-menu { padding:0px !important; }
#data_table { border-collapse:collapse !important; }
#data_table th, #data_table td { padding:2px 15px 2px 4px !important; font-size:80% !important; }
#data_table th { font-weight:bold; }
.row_selected td { background-color: #DDEBF9 !important;}
.row_pending { background-color:#E3F6FC !important; }
.row_processing { background-color:#FBFCE3 !important; }
.row_completed { background-color:#E3FCE8 !important; }
.row_mismatched { background-color:#FFD6D7 !important; }
.btn { margin-top:3px; }
.featherlight-inner { color:#ffffff; }
.modal-open {
	overflow: scroll !important;
}


/*date time picker*/
.xdsoft_calendar table th { background-color:#aaaaaa !important; }

/*custom button*/
.btn_gray {
  background: #f1f1f1;
  background: -webkit-gradient(#fefefe, #d8d8d8);
  background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#d8d8d8));
  background: -webkit-linear-gradient(#fefefe, #d8d8d8);
  background: -moz-linear-gradient(top, #fefefe, #d8d8d8);
  background: linear-gradient(top, #fefefe, #d8d8d8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#d8d8d8');
  border: 1px solid #cbcbcb;
	padding:3px 12px 6px 12px;
	cursor:pointer;
	font-size:120%;
	margin-top:6px;
	display:inline-block;
	vertical-align:middle;
  -webkit-box-shadow: 0 2px 2px rgba(255, 255, 255, 0.4) inset, 0 -2px 1px rgba(0, 0, 0, 0.2) inset, 0 0 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 2px rgba(255, 255, 255, 0.4) inset, 0 -2px 1px rgba(0, 0, 0, 0.2) inset, 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(255, 255, 255, 0.4) inset, 0 -2px 1px rgba(0, 0, 0, 0.2) inset, 0 0 5px rgba(0, 0, 0, 0.1);
}
.btn_gray:hover {
  background: #e4e4e4;
  background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#cbcbcb));
  background: -webkit-linear-gradient(#f1f1f1, #cbcbcb);
  background: -moz-linear-gradient(top, #f1f1f1, #cbcbcb);
  background: linear-gradient(top, #f1f1f1, #cbcbcb);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#cbcbcb');
  border: 1px solid #bebebe;
}
.btn_orange {
  background: #ffb13b;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffbb55), to(#ff9c08));
  background: -webkit-linear-gradient(#ffbb55, #ff9c08);
  background: -moz-linear-gradient(top, #ffbb55, #ff9c08);
  background: linear-gradient(top, #ffbb55, #ff9c08);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbb55', endColorstr='#ff9c08');
  border: 1px solid #ee8f00;
  padding:1px 6px;
  color:#fff;
	display:inline-block;
	vertical-align:middle;
  margin-top:3px;
  border-radius:3px;
}
.btn_orange:hover {
  background: #ffa722;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffb13b), to(#ee8f00));
  background: -webkit-linear-gradient(#ffb13b, #ee8f00);
  background: -moz-linear-gradient(top, #ffb13b, #ee8f00);
  background: linear-gradient(top, #ffb13b, #ee8f00);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb13b', endColorstr='#ee8f00');
  border: 1px solid #d47f00;
  color:#fff;
}
table .btn_orange { margin-top:0px; }

/*fieldset*/
fieldset { border: 1px solid silver !important; padding:0.35em 0.625em 0.75em !important; }
fieldset.divider { border:none !important; /*border-top:1px dashed #ccc !important;*/ padding:0px !important; margin-bottom:5px; }
fieldset.divider legend { font-size:120%; font-family:Myriad, Tahoma; letter-spacing:1px; }
legend { margin-bottom:0px !important; width:auto !important; border-width:0px !important; }


/*pagination*/
#pagination { clear:both; margin-top:5px; }
#pagination .disabled { color:#666666; }
#pagination a.selected, #pagination span.selected { background-color:#FFFFFF; }
#pagination a, #pagination span { background-color:#eeeeee; color:#333333; border:1px solid #D9D9D9; display:block; float:left; margin:0 5px 0 0; padding:4px 8px; text-decoration:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px;  }
#pagination a:hover, #pagination span:hover { background-color:#cccccc; }
#pagination a.disabled:hover, #pagination span.disabled:hover { background-color: #eeeeee; }
#pagination b { color:#2a2a2a; }

.pagination { clear:both; margin-top:5px; }
.pagination .disabled { color:#666666; }
.pagination a.selected, .pagination span.selected { background-color:#FFFFFF; }
.pagination a, .pagination span { background-color:#eeeeee; color:#333333; border:1px solid #D9D9D9; display:block; float:left; margin:0 5px 0 0; padding:4px 8px; text-decoration:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px;  }
.pagination a:hover, .pagination span:hover { background-color:#cccccc; }
.pagination a.disabled:hover, .pagination span.disabled:hover { background-color: #eeeeee; }
.pagination b { color:#2a2a2a; }

/*page_404*/
#page_error .body_container { background:none; }


/*page header*/
#header_container { width:100%; }
#page_header { }
#page_header.header_bg { background:#053D5E; }
#page_header #page_body { padding:5px 0px; }
#page_header .left_part { float:left; }
#page_header .right_part { float:right; margin-top:15px; }
#page_header .right_part li.mnu { float:right; }
#page_header .left_part .caption { font-size:180%; color:#f36f21; font-weight:bold; padding:10px 0px; }
#page_header .menu_panel {
	background:#ffffff;
	background: linear-gradient(center top , #f5f5f5, #dfdfdf) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -moz-linear-gradient(center top , #f5f5f5, #dfdfdf) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -webkit-gradient(linear,center top , #f5f5f5, #dfdfdf) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -webkit-linear-gradient(#f5f5f5, #dfdfdf);
	background: -ms-linear-gradient(center top , #f5f5f5, #dfdfdf) repeat scroll 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 1px 5px #bbb inset;
	color: #111;
}
.sf-menu ul {
  max-width: 250px;
}
#menu_header {
	background-color:rgba(69, 156, 183, .9);
	padding:0px;
	margin:0px;
	padding-top:1px;
	z-index:100000;
}
#menu_header a {
  border-left: none;
  border-top: none;
  padding: 9px 15px 10px 15px;
  text-decoration: none;
  color:#ffffff;
}
#menu_header ul ul a {
	color:#fa6900;
	padding: 5px 15px;
}
#page_header #menu_header a:hover { background:#ddd; }

#page_header #menu_header li {
	background: linear-gradient(center top , #fefefe, #eeeeee) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(center top , #fefefe, #eeeeee) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -webkit-gradient(linear,center top , #fefefe, #eeeeee) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -webkit-linear-gradient(#fefefe, #eeeeee);
  background: -ms-linear-gradient(center top , #fefefe, #eeeeee) repeat scroll 0 0 rgba(0, 0, 0, 0);
  transition: background 0.2s ease 0s;
  white-space: normal !important;
}
#page_header .sf-arrows .sf-with-ul:after {
  border-color: rgba(0, 0, 0, 0.5) transparent transparent;
  right: 1px;
}

/*page footer*/
#footer_container { 
	width:100%; 
}
#page_footer {
	width:100%; 
	background:#0074BD;
	padding:3px;
	/*position:fixed;
	left:0px;
	bottom:0px;*/
	color:#ffffff; 
	font-size:80%; 
}

/*main_container*/
.main_container { 
	/*background:url("../img/bg_1.png") repeat scroll left top #fafafa;*/
}
.main_container .page_body { padding:15px; min-height:500px }
.main_container .page_body.stamp { background: url("../img/stamp.png") no-repeat scroll right top; }
.main_container .page_caption {
	padding:10px 15px 5px 15px;
	background:linear-gradient(center top , #ffffff 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background:-moz-linear-gradient(center top , #ffffff 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background:-webkit-gradient(linear, center top , #ffffff 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background:-webkit-linear-gradient(#ffffff, rgba(255, 255, 255, 0));
	background:-ms-linear-gradient(center top , #ffffff 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-bottom:1px solid #ccc;
}
/* manage_project */
#page_manage_project .icon_image{
	width: 20px;
	height: 20px;
	margin-right: 5px;
	margin-top: 5px;
	background-position : center center;
	background-repeat:no-repeat;
}

#page_manage_project .project_task_modal {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

#page_manage_project @media print{
	@page { 
		size: A4 landscape; 
		max-height:100%;
		max-width:100%;
	}
	#page_manage_project #gant_chart_print_area{
		 width:100%;
		 height:100%;
		 -webkit-transform rotate(-90deg) scale(.68,.68);
		 -moz-transform rotate(-90deg) scale(.68,.68);
	}
} 


/* view_holiday_calender portion */
#page_view_holiday_calendar	.non-working-day{
	background-color: #FFe5e5 !important;
	padding-top:45px !important;
	font-weight:bold;
	text-align: center;
}

/* work_calender portion */
#page_work_calendar .sidebar{ width:250px;  background-color:#000;transition: all 0.5s  ease-in-out; }
#page_work_calendar .bg-defoult{background-color:#222;}
#page_work_calendar .sidebar ul{ list-style:none; margin:0px; padding:0px; }
#page_work_calendar .sidebar li a,.sidebar li a.collapsed.active{ display:block; padding:8px 12px; color:#fff;border-left:0px solid #dedede;  text-decoration:none}
#page_work_calendar .sidebar li a.active{background-color:#000;border-left:5px solid #dedede; transition: all 0.5s  ease-in-out}
#page_work_calendar .sidebar li a:hover{background-color:#000 !important;}
#page_work_calendar .sidebar li a i{ padding-right:5px;}
#page_work_calendar .sidebar ul li .sub-menu li a{ position:relative}
#page_work_calendar .sidebar ul li .sub-menu li a:before{
  font-family: FontAwesome;
  content: "\f105";
  display: inline-block;
  padding-left: 0px;
  padding-right: 10px;
  vertical-align: middle;
}
#page_work_calendar .sidebar ul li .sub-menu li a:hover:after {
  content: "";
  position: absolute;
  left: -5px;
  top: 0;
  width: 5px;
  background-color: #111;
  height: 100%;
}
#page_work_calendar .sidebar ul li .sub-menu li a:hover{ background-color:#222; padding-left:20px; transition: all 0.5s  ease-in-out}
#page_work_calendar .sub-menu{ border-left:5px solid #dedede;}
#page_work_calendar .sidebar li a .nav-label,.sidebar li a .nav-label+span{ transition: all 0.5s  ease-in-out}
#page_work_calendar .sidebar.fliph li a .nav-label,.sidebar.fliph li a .nav-label+span{ display:none;transition: all 0.5s  ease-in-out}
#page_work_calendar .sidebar.fliph {
	width: 42px;transition: all 0.5s  ease-in-out;
}
#page_work_calendar .sidebar.fliph li{ position:relative}
#page_work_calendar .sidebar.fliph .sub-menu {
  position: absolute;
  left: 39px;
  top: 0;
  background-color: #222;
  width: 150px;
  z-index: 100;
}
#page_work_calendar .sidebar li a.active {
	background-color: #802a2a;
}
#page_work_calendar .fc-popover { background:#ffffff; }

/* manage leave requisition portion */
#page_manage_leave_requisition .row_highlight td { background:rgba(0,255,0,0.2); }
#page_manage_leave_requisition .txt_applicable_amount { background:none; border:none; }
#page_manage_leave_requisition .txt_applicable_amount.form-control { border:1px solid #ccc; }
#page_manage_leave_requisition .input{
  height:35px;
  width:90px;
  text-align:center;
  border:solid;
  border-radius:8px;
  border-color:gray;
  color:green;
  font-weight:bold;
  font-size:15px;
  margin-left:10px;
  margin-top:8px;
  margin-bottom:15px;
}
#page_manage_leave_requisition .payment{
	margin-top:8px;
	margin-bottom:15px;
}


#page_show_sprint .panel-yellow {
	border-color: rgba(255,255,0,0.6);
}
#page_show_sprint .panel-yellow > .panel-heading {
	background: rgba(255,255,0,0.6); 
	color: rgb(0,0,0);
	border-color: rgba(255,255,0,0.6);
}
#side_menu a { padding:10px; display:block; margin-bottom:3px; background:rgba(255,0,0,0.4); border:1px solid #ccc; border-radius:5px 5px 5px 5px; color:#000000; font-weight:bold; }
#side_menu a:hover { background:rgba(255,0,0,0.6); }
#side_menu a.active { background:rgba(255,0,0,0.6); }
#side_menu_dialogue a { padding:10px; display:block; margin-bottom:3px; background:rgba(255,0,0,0.4); border:1px solid #ccc; border-radius:5px 5px 5px 5px; color:#000000; font-weight:bold; }
#side_menu_dialogue a:hover { background:rgba(255,0,0,0.6); }
#side_menu_dialogue a.active { background:rgba(255,0,0,0.6); }
#page_show_sprint ul {
	list-style: none;
	padding: 0;
}
#page_show_sprint ul .project_feature_inner {
	padding-left: 1em;
	overflow: hidden;
	display: none;
}
#page_show_sprint ul .project_feature_inner.show {
	/*display: block;*/
}
#page_show_sprint ul li {
	margin: 0.5em 0;
}
#page_show_sprint ul li a.project_feature {
	width: 100%;
	display: block;
	background: rgba(0, 0, 0, 0.78);
	color: #fefefe;
	padding: 0.75em;
	border-radius: 0.15em;
	transition: background 0.3s ease;
}
#page_show_sprint ul li a{
	text-decoration:none;
}
#page_show_sprint ul li a.project_feature:hover {
	background: rgba(0, 0, 0, 0.9);
	text-decoration:none;
}

/* for chat/conversation */
#page_show_sprint .box {
  position: relative;
  border-radius: 3px;
  background: #ffffff;
  border-top: 3px solid #d2d6de;
  margin-bottom: 20px;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
#page_show_sprint .box.box-warning {
	border-top-color: #f39c12;
}

/* Component: Direct Chat */
#page_show_sprint .direct-chat .box-body {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
  overflow-x: hidden;
  padding: 0;
}
#page_show_sprint .direct-chat.chat-pane-open .direct-chat-contacts {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
#page_show_sprint .direct-chat-messages {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  padding: 10px;
  min-height: 50px;
  max-height: 250px;
  overflow: auto;
}
#page_show_sprint .direct-chat-msg,
#page_show_sprint .direct-chat-text {
	display: block;
}
#page_show_sprint .direct-chat-msg {
	margin-bottom: 10px;
}
#page_show_sprint .direct-chat-msg:before,
#page_show_sprint .direct-chat-msg:after {
  content: " ";
  display: table;
}
#page_show_sprint .direct-chat-msg:after {
	clear: both;
}
#page_show_sprint .direct-chat-messages,
#page_show_sprint .direct-chat-contacts {
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
#page_show_sprint .direct-chat-text {
  border-radius: 5px;
  position: relative;
  padding: 5px 10px;
  background: #d2d6de;
  border: 1px solid #d2d6de;
  margin: 5px 0 0 50px;
  color: #444444;
}
#page_show_sprint .direct-chat-text:after,
#page_show_sprint .direct-chat-text:before {
  position: absolute;
  right: 100%;
  top: 15px;
  border: solid transparent;
  border-right-color: #d2d6de;
  content: ' ';
  height: 0;
  width: 0;
  pointer-events: none;
}
#page_show_sprint .direct-chat-text:after {
  border-width: 5px;
  margin-top: -5px;
}
#page_show_sprint .direct-chat-text:before {
  border-width: 6px;
  margin-top: -6px;
}
#page_show_sprint .right .direct-chat-text {
  margin-right: 50px;
  margin-left: 0;
}
#page_show_sprint .right .direct-chat-text:after,
#page_show_sprint .right .direct-chat-text:before {
  right: auto;
  left: 100%;
  border-right-color: transparent;
  border-left-color: #d2d6de;
}
#page_show_sprint .direct-chat-right-text {
  border-radius: 5px;
  position: relative;
  padding: 5px 10px;
  background: #D6DE9D;
  border: 1px solid #D6DE9D;
  margin: 5px 0 0 50px;
  color: #444444;
}
#page_show_sprint .direct-chat-right-text:after,
#page_show_sprint .direct-chat-right-text:before {
  position: absolute;
  right: 100%;
  top: 15px;
  border: solid transparent;
  border-right-color: #D6DE9D;
  content: ' ';
  height: 0;
  width: 0;
  pointer-events: none;
}
#page_show_sprint .direct-chat-right-text:after {
  border-width: 5px;
  margin-top: -5px;
}
#page_show_sprint .direct-chat-right-text:before {
  border-width: 6px;
  margin-top: -6px;
}
#page_show_sprint .right .direct-chat-right-text {
  margin-right: 50px;
  margin-left: 0;
}

#page_show_sprint .direct-chat-info {
  display: block;
  margin-bottom: 2px;
  font-size: 12px;
}
#page_show_sprint .direct-chat-name {
	font-weight: 600;
}
#page_show_sprint .direct-chat-timestamp {
	color: #999;
}

/* page_manage_conveyance */
#page_manage_conveyance .row_highlight td { background:rgba(0,255,0,0.2); }
#page_manage_conveyance .txt_applicable_amount { background:none; border:none; }
#page_manage_conveyance .txt_applicable_amount.form-control { border:1px solid #ccc; }
#page_manage_conveyance .input{
  height:35px;
  width:90px;
  text-align:center;
  border:solid;
  border-radius:8px;
  border-color:gray;
  color:green;
  font-weight:bold;
  font-size:15px;
  margin-left:10px;
  margin-top:8px;
  margin-bottom:15px;
}
        
#page_manage_conveyance .payment{
	margin-top:8px;
	margin-bottom:15px;
}
#page_manage_conveyance .verify{
  margin-top:8px;
  margin-bottom:15px;
}


/* Month Picker */
.month_picker_container select {  
	float:left;
}
.p_error_container ul { clear:both; }


/*Form Validation - parsley*/
h3.muted { color:#08C; }
/* Custom container */
.container-narrow { margin: 0 auto; max-width: 940px; }
.container-narrow > hr { margin: 30px 0; }
/* Main marketing message and sign up button */
.jumbotron { margin: 60px 0; text-align: center; }
.jumbotron h1 { font-size: 72px; line-height: 1; }
.jumbotron .btn { font-size: 21px; padding: 14px 24px; }

input.parsley-success, textarea.parsley-success { color:#468847 !important; background-color:#DFF0D8 !important; border:1px solid #D6E9C6 !important; }
input.parsley-error, textarea.parsley-error { color:#B94A48 !important; background-color:#F2DEDE !important; border:1px solid #EED3D7 !important; }
ul.parsley-errors-list { font-size:11px; margin:2px; list-style-type:none; }
ul.parsley-errors-list li { line-height:11px; color:#B94A48; }
.social-buttons { padding:5px 20px; }
/*h3 { color:#FB4006; }*/
.container-narrow > hr { margin:15px 0 0 0; }
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
.not-for-mobile {
display: none;
}
}


/*media queries*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

}

@media only screen and (min-width: 0px) and (max-width: 479px) {

}