*, label, #tabs, td
{
	font-size: 15px;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
}
body {
	background-color: #DCDFE1 !important;
	overflow-x: hidden;
}

th {
	font-size: 13px !Important;
	text-shadow: 0 1px 2px rgb(230, 227, 227) !important;
	color: #656262 !important;
}
.clear
{
	clear:both;
}
.menu_title {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 4px;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	color: white;
	text-transform: capitalize;
	margin-left: 7px;
}
.menu_active
{
	width:87% !important;
    background: -moz-linear-gradient(center top , white, #72C6E4 4%, #0C5FA5) repeat scroll 0 0 transparent !important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#72C6E4), to(#0C5FA5)) !important;
	font-weight:normal !important;
}

.menu_active a:active, .menu_active a
{
	background: #057fdb url(../../images/old-browsers-bg/button-element-hover-bg.png) repeat-x left top !important;	
	/*width:87% !important;*/
    background: -moz-linear-gradient(center top , white, #72C6E4 4%, #0C5FA5) repeat scroll 0 0 transparent !important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#72C6E4), to(#0C5FA5)) !important;
	font-weight:normal !important;
}
.menu_active a:hover
{
	background: -moz-linear-gradient(center top , white, #72C6E4 4%, #0C5FA5) repeat scroll 0 0 transparent !important;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#72C6E4), to(#0C5FA5)) !important;	
	
}

.menu_add
{
	margin-left:50px; 
	width:150px;
}

.icon-menu
{
	background: url(../../images/btn_no.gif) no-repeat 10px center !important; 
	padding-left:30px;
	color: #3399cc;
}
.icon_dashboard
{
	background: url(../../images/icons/web-app/32/home.png) no-repeat top left !important; 
	padding-left:35px;
	line-height:30px;
	
}
.icon_user
{
	background: url(../../images/icons/web-app/32/Profile.png) no-repeat top left !important; 
	padding-left:35px;
	line-height:30px;
}
.icon_journal
{
	background: url(../../images/icons/web-app/32/journal.png) no-repeat top left !important; 
	padding-left:35px;
	line-height:30px;
}
.icon_task
{
	background: url(../../images/icons/web-app/32/tasks.png) no-repeat top left !important; 
	padding-left:35px;
	line-height:30px;
	
}
.icon_opportunity
{
	background: url(../../images/icons/web-app/32/opportunities.png) no-repeat top left !important; 
	padding-left:32px;
	line-height:30px;
}
.icon_attachment
{
	background: url(../../images/icons/web-app/32/attachments.png) no-repeat top left !important; 
	padding-left:35px;
	line-height:30px;
}
.icon_resource
{
	background: url(../../images/icons/web-app/32/Pie-Chart.png) no-repeat top left !important; 
	padding-left:35px;
	line-height:30px;
}
.icon_email_address
{
	background: url(../../images/icons/web-app/32/email.png) no-repeat top left !important; 
	padding-left:35px;
	height:30px;
	line-height:15px;
}
.icon_calendar
{
	background: url(../../images/icons/web-app/32/calendar.png) no-repeat top left !important; 
	padding-left:35px;
	line-height:30px;
}
.icon_report
{
	background: url(../../images/icons/web-app/32/Bar-Chart.png) no-repeat top left !important; 
	padding-left:35px;
	line-height:30px;
}
article {
	margin-top: 20px;
}

.nav_bar {
	margin-top: 88px;
}
.nav_bar + article {
	margin-top: 145px;
}
@media (max-width: 768px) {
	.nav_bar {
		margin-top: 0px;
	}
	.nav_bar + article {
		margin-top: 105px;
	}
}
nav .nav-item.current a{
	/*background-color: #3e444a;*/
	color: #615f5f !important;
	font-weight: bold;
}
nav .nav-item {
	position: relative;
	margin: 22px 0px 10px 0px ;
	padding: 3px;
	font-size: 20px;
	font-weight: bold;
	text-shadow: 0 1px 2px rgb(0 0 0) !important;
}
nav .nav-item a {
	color: #aab2b7 !important;
}

#mobileNavbar span.menu_title {
	display: none !important;
}
#mobileNavbar {
	display: none !Important;
	list-style-type: none;
}
@media (max-width: 768px) {
	#mobileNavbar {
		display: block !important;
		position: fixed;
		top: 50px; /* Height of navbar */
		bottom: 0;
		left: 100%;
		width: 100%;
		padding-right: 1rem;
		padding-left: 1rem;
		overflow-y: auto;
		visibility: hidden;
		background-color: #343a40;
		transition: transform .3s ease-in-out, visibility .3s ease-in-out;
	}
	#mobileNavbar.open {
		visibility: visible;
		transform: translateX(-100%);
	}
}

@media (max-width: 768px) {
	nav {
		height: 50px !important;
	}
	#sub-nav {
		margin-top: 50px !important;
	}
}

header
{
	width:100% !important;
}

.header_logo_content
{
	float:left;
	margin-left:-30px;
	margin-top:-3px;
}
.header_logo img
{
	float:left;
	padding:15px 15px;	
}

.flash_user
{
	float:right;
	margin-top:15px;
	padding-right:10px;
	width:225px;
	height:53px;
	background: url(../../images/user.png) no-repeat;
	 background-position: 0px center; 
}
.flash_user_content
{
	float:left;
	margin-left:40px;
	height:65px;
	line-height:16px;
	margin-top:15px;
	font-weight:bold;
}
.flash_user img
{
	float:right;
	padding:15px 15px;	
}

.container_right
{
	/*width:950px !important;*/
	padding-right:0px !important;
	padding-bottom:0px !important;
	
	margin-right:0px !important;
	margin-bottom:20px !important;
}
.sub_clm_left
{
	float:left;
	width:140px;
	text-align:right;
	padding: 0px 10px;
	line-height:35px;
	
}
.sub_clm_right
{
	float:left;
	width:260px;	
}
.sub_clm_right_double
{
	float:left;
	width:680px;
}
.clm_left, .clm_right
{
	width:49%;
	float:left;
}

.no_padding
{
	padding:0px !important;
	margin:0px !important;
}

.text_title
{
	font-size:30px;
	float:left;
	color: #F2F2F2;
	font-weight:bold;
	font-family:Arial;
}
.text_title_tab
{
	font-size:30px;
	float:left;
	color: #3399CC;
	font-weight:bold;
	font-family:Arial;
	margin-left:-10px !important;
	margin-bottom:5px !important;
}

.box_login
{
	width:450px !important;
	margin:auto !important;
	margin-top:40px !important;
}

#box_note, #box_fullscreen, #box_config, #box_info, 
.box_popup_list, .box_popup_list_and_edit, .popup, #box_view_detail, #box_list_email_for_share
{
	display:none;
	background-color:#ffffff !important;
	overflow:hidden !important;
}
.empty_option
{
	color:#cccccc;
}
.add_or_edit_option
{
	font-weight:bold;
}

.button_group_of_modify_option
{
	margin-top: -15px;
	margin-bottom: -10px !important;
	
}
.button_close_of_modify_option
{
	margin:25px -15px -15px !important;
}

#indicator2
{
	border:1px solid red;
	width:500px;
	height:500px;
	z-index:99999;
	background-color:red;
}

#box_fullscreen_1, #box_fullscreen_2, #box_fullscreen_3
{
	 background-color:black; 
	 width:100%; 
	 height:100%; 
	 display:block; 
	 position:fixed; top:0px; 
	 opacity: 0.6;
	 filter: alpha(opacity=60);
	 display:none;
	 z-index:1001;
}
#box_fullscreen_2
{
	z-index:1003;
}
#box_fullscreen_3
{
	z-index:1200;
}
.ui-dialog
{

	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.75) !important;
    border-radius: 0.8em 0.8em 0.8em 0.8em !important;
    box-shadow: 0 0 4px rgba(50, 50, 50, 0.5) !important;
    padding: 0.833em !important;
}
.ui-dialog-buttonpane
{
	background: -moz-linear-gradient(center top , #8B8B8B, #A9A9A9 10%, #BDBDBD 30%, #BFBFBF) repeat scroll 0 0 transparent !important;
    border-radius: 0 0 0.167em 0.167em !important;
    color: #4D4D4D !important;
    line-height: 2em !important;
    margin-top:-3px !important;
}
.ui-dialog-buttonset button
{
	-moz-border-bottom-colors: none !important;
    -moz-border-image: none !important;
    -moz-border-left-colors: none !important;
    -moz-border-right-colors: none !important;
    -moz-border-top-colors: none !important;
    background: -moz-linear-gradient(center top , white, #72C6E4 4%, #0C5FA5) repeat scroll 0 0 transparent !important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#72C6E4), to(#0C5FA5)) !important;	
    border-color: #50A3C8 #297CB4 #083F6F !important;
    border-radius: 0.333em 0.333em 0.333em 0.333em !important;
    border-style: solid !important;
    border-width: 1px !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4) !important;
    color: white !important;
    cursor: pointer !important;
    display: inline-block !important;
    font-size: 1.167em !important;
    font-weight: bold !important;
    line-height: 1.429em !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
    
}
.font_verdana
{
	font-family:verdana !important;
}
.columns
{
	margin-bottom:5px !important;
	
}
.attachment_col_left
{
	width:55%; 
	text-align:right; 
	
	float:left;
	margin-bottom:10px !important;
}
.attachment_col_right
{
	width:40%;
	float:left;
	margin:8px 0px 0px 5px !important;
}
.cursor_move
{
	cursor:move !important;
}
.minibox_dashboard
{
	width: 100%;
	height:220px;
	cursor:move !important;
	
}
#box_dashboard
{
	 width:100%; 
	 /*height:500px; */
	 list-style-type:none; 
	 position:relative;
}

.placeHolder div, placeHolderGraph div 
{  
	background-color:#F4F7F9 !important; 
	/*width:470px;*/ 
	width:99%;
	/*height:220px; */
	height:22px;	
	border:dashed 1px #B2B3B4 !important;  
}
.bg_event
{
	line-height:26px;
	height:26px;
}
.bg_odd
{
	/*background-color:#EBF2F5 !important;*/
	background-color:#E6E6E6 !important;
	line-height:26px;
	height:26px;

}
.bg_gray  { background-color: #f6f6f6; }

.dashboard_title_option
{
	float:right;
	height:20px;
	padding-left:10px;
}
.dashboard_title_filter
{
	float:right;
	border-right:1px solid #D5D5D5;
	height:20px;
	padding-right:10px;
}
.dashboard_row_profile .left
{
	width:30%;
	float:left;
	text-align:right;
	color: #3399cc;
	line-height:25px;
}
.dashboard_row_profile .right
{
	width:70%;
	float:right;
	line-height:25px;
}
.dashboard_profile_diagram
{
	position:absolute;
	bottom:10px;
	right:150px;
}
.dashboard_pagination li
{
	margin: 13px 2px 2px 2px !important;
}
.dashboard_content
{
	margin:0px -19px 0px -19px; 
	
}
.dashboard_content td
{
	height:15px !important;
	padding:4px !important;
	margin:0px !important;
	font-size:12px;
}
.dashboard_content table
{
	width:93%;
	height:140px;
	margin:0px 0px 0px 17px;
}

.dashboard_content .dataTables_processing
{
	margin-left:19px !important;
	height:177px;
}

.dashboard_content .block-footer
{
	margin:0px 18px 0px 18px !important;
	-webkit-border-bottom-right-radius: 7px !important;
	-webkit-border-bottom-left-radius: 7px !important;
	-moz-border-radius-bottomright: 7px !important;
	-moz-border-radius-bottomleft: 7px !important;
	border-bottom-right-radius: 7px !important;
	border-bottom-left-radius: 7px !important;
	
}
.dashboard_content .block-footer .controls-buttons
{
	float:right !important;
}
.dashboard_left
{
	padding-left:5px;
	color:#3399CC;
	float:left;
}
.dashboard_right
{
	float:right;
	color:#808080;
}
.dashboard_middle
{
	color: #000000;
}

.footer_table_info
{
	height:15px;
	margin-bottom:0px !important;
	
}
.paginate_active
{
	background-color: #C5C5C5;
}
.dataTables_processing
{
	background-color:#D9D9D9;
	position:absolute;
	width:100%;
	height:100%;
	z-index:999;
	opacity:0.5;
	filter:alpha(opacity=50);
	display: none;
}
.dataTables_processing .text
{
	font-size:14px;
	font-weight:bold;
	color:#595959;
	padding:10px;
	
}
.box_table
{
	position:relative;
}

label.error:before
{
	content: '' !important;
}
label.error
{
	color:red !important;
}

.box_popup_list
{
	margin:0px !important; 
	padding:0px !important;
}
.box_popup_list td
{
	margin:0px !important;
	padding:0px 0px 0px 5px !important;
	line-height:35px;
}

.box_popup_list .dataTables_filter
{
	padding-left:5px;
	padding-right:10px;
}
.table_poupup_list_and_edit, .table_poupup_list
{
	padding-bottom:0px !important;
	margin-bottom:0px !important;
	width:100% !important;
}
.block_footer_length
{
	padding-right:30px !important;
}
.block-footer .controls-buttons
{
	padding:0px 0px 0px 20px !important;
}
#loading, #loading_2, #loading_3
{
	color:#000000;
	font-size:30px;
	text-align:center;
	padding-top:9%;
}
#notifications li
{
	background-color:#3588BE !important;
}	
.error_form
{
	color:red;
	padding:10px 0px 10px 10px;
	background-color: #ffe0d9;
	margin-bottom :5px;
}
.no_margin_bottom
{
	margin-bottom:0px !important;	
}
.tabs li 
{
	margin-right:1px !important;
}
#slc_company_industry, #slc_industry
{
	width:260px !important;
}
#tab_opportunity_list, #tab_task_list, #tab_attachment_list, #tab_shared_client
{
	margin-bottom:-20px !important;
}
.number
{
	font-weight:normal !important;
	text-align:left !important;
}
.simple-list li a
{
	padding-left:5px !important;
}
.deleted_content
{
	text-decoration: line-through;
	color:#999999;
}
.fc-event-draggable
{
	padding:3px !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
		
}
#slc_email_address
{
	width:150px;
}
.columns_registration .sub_clm_left
{
	width:100px !important;
}
.columns_registration .sub_clm_right
{
	width:300px !important;
}
.column_login .column_left
{
	width:120px !important;
	float:left;
	margin-bottom:5px;
}
.column_login .column_right
{
	width:200px !important;
	float:right;
	margin-bottom:5px;
}
.storage_box
{
	width:400px;
	position:relative;
	height:100px;
}
.storage_box .profile_diagram
{
	top: 25px;
	right: 30px;
}
.required  label
{
	color: #808080 !important;
}
label.error
{
	color: red !important;
}
.table_of_form td
{
	padding-bottom:5px;
	vertical-align: top;
}
.table_of_form input
{
	-moz-box-sizing: border-box;
    width: 100%;
}
.table_of_form textarea 
{
	-moz-box-sizing: border-box;
    width: 100%;
    height:100px;	
}
.popup_view_detail .column_left
{
	width: 19%;
	text-align:right;
	font-weight:bold;
	padding:2px;
	border-top: 1px solid #DDDDDD;
}
.popup_view_detail .column_right
{
	width: 30%;
	border-top: 1px solid #DDDDDD;
}

.popup_view_detail .title
{
	font-size:30px;
	font-weight:bold;
	padding-left:20px;
	color: #3399CC;
}
.popup_view_detail .grid_12, .popup_view_detail .table
{
	width: 100% !important;
}

.other_field
{
	display:none;
}

.controls-buttons
{
	font-size:12px !important;	
}


.setting_content, .setting_content_graph
{
	width:100%;
	cursor:move !important;
	background-color:#F9F9F9;
}
.btn_edit
{
	margin-left:-5px !important;
	margin-right:15px;
}

.small_dashboard
{
	height:180px;
	
}
/* start here =========================================== */


.hide
{
	display: none;
}
.show
{
	display: block;
}
#table_product_info
{
	border: 0px !important;	
}
#box_loading
{
	background-color: #000000;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1000000;
  	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  	filter: alpha(opacity=70); 
  	opacity: 0.7;
  	display: none;
}
#loading_text {
	background-color: #ffffff;
	width: 350px;
	height: 80px;
	border-radius: 15px;
	padding-top: 40px;
	color:#000000;
	font-size:40px;
	text-align:center;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -60px;
	margin-left: -180px;
	z-index: 1000001;
}
.pointer
{
	cursor: pointer;
}
.frm_purchase input
{
	width: 150px;
}
.frm_purchase textarea
{
	width: 295px;
}
.purchase_title  
{
	font-weight: bold;
	color: #808080;
	padding-bottom: 0px !Important;
	width: 38%;
	text-align: right;
	padding-right: 5px;
}
.purchase_info input
{
	width: 160px;
	padding: 2px !Important;
}
textarea.purchase_info 
{
	width: 370px;
	height: 40px;
}

.radius_small
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 15px;
	padding: 12px;
}
.small_radio
{
	width: 25px !Important;
}

#tabs-1 table tr td:first-child,
#tabs-3 table tr td:first-child
{
	font-weight: bold;
	color: #808080;
	text-align: right;
}
#tabs td
{
	padding: 3px;
	vertical-align: top;
}
#box_items td,
#box_address td,
#box_history_status_order td
{
	border: 1px solid #C0C0C0;
	padding: 5px;
}
#box_address tr:first-child td,
#box_items tr:first-child td,
#box_history_status_order tr:first-child td
{
	padding: 8px;
	font-weight: bold;
	color: #2779aa;
	border: 1px solid #aed0ea;
    background: #deedf7 url(fullcalendar/images/ui-bg_highlight-soft_100_deedf7_1x100.png)  50% 50% repeat-x;
}

.box_table td:last-child
{
	white-space: nowrap;
}
.block-content
{
		
}
.box_table td
{
	word-wrap: break-word;
}
.product_image_preview
{
	
}
#table_buy_status .js_product_image
{
	border: 2px solid #2A7DB7;
	margin: 0px !important;
	padding: 0px;
	width: 95px;
}
.mini_selectbox
{
	width: 100px !Important;
}

/* ===================== */
.table {
	width: 100% !Important;
}
.subTable {
	border-top: 1px solid #9a9292;
	width: 100%;
	text-align:center;
	margin: auto;
}
.subTable .border-right {
	border-right: 1px solid #cecaca;
}
.subTable .border-left {
	border-left: 1px solid #9a9292;
}
.table td {
	word-break: break-all;
}
.table .divTitle {	font-weight: bold;	}
.table .divSubTitle {	}
.table .divInfo { color: gray; }
.table .middle { vertical-align: middle}

.m0 	{ margin: 0px !Important; }
.ml0 	{ margin-left: 0px !Important; }
.mr0 	{ margin-right: 0px !Important; }
.p0 	{ padding: 0px !Important; }
.pl0 	{ padding-left: 0px !important; }
.pr0 	{ padding-right: 0px !important; }

.greenDot,
.grayDot,
.yellowDot,
.redDot {
	height: 20px;
	width: 20px;
	background-color: red;
	border-radius: 50%;
	display: inline-block;
	margin-top: 5px;
}
.greenDot { background-color: #7fd200 !important; }
.grayDot { background-color: #a4a4a4 !important; }
.yellowDot { background-color: #ced232 !important; }

.table .btnStopStreaming,
.table .btnStartStreaming,
.table .btnStartStop {
	text-decoration: none !important;
	cursor: pointer;
	margin-top: 5px;
	width: 90%;
}
.table .btnStartRemoteLink,
.table .btnStopRemoteLink
{
	text-decoration: none !important;
	cursor: pointer;
	margin-top: 5px;
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}
.table .duration { padding-top: 5px; color: gray; }
.table .action { padding-right: 5px; white-space: nowrap; }
.table-info {
	min-height: 35px;
}

.datepick-popup, .ui-timepicker-container, .ui-datepicker {
	z-index:999999 !Important;
}
/*#ui-datepicker-div {
	display: none;
}*/
.modal-window button {
	color: white;
	margin-left: 10px;
	min-width: 100px;
}

.btn_edit, .btn_delete {
	text-decoration: none !Important;
}
#main-nav li {
	margin-right: 0px;
	padding-left: 5px;
}
.dataTables_empty {
	text-align:center !important;
	color: gray;
	height: 70px;
	vertical-align: middle !important;
}
.nowrap {
	white-space: nowrap !important;
}

.schedule_time {
	font-weight: bold;
	color: #337ab7;
}
.btnRemoteLink {
	margin: 0px 10px 0px 5px;
}
.live_remote_link {
	background-color: #aae6ff !important;
	background-color: #d3d3d3 !important;
	background-color: rgba(0,155,221,0.2) !important;
}
.button.disabled {
	margin-top: 5px;
	color: #cac9c9 !Important;
	cursor: default !important;
	box-shadow: none !important;
	border: 1px solid lightgrey !important;
}

.bg_blue, .bg_blue td {
	background-color: #8edeff !important;

}
.block {
	display: inline-block !important;
}

#encoder_info .greenDot,
#encoder_info .redDot,
#encoder_info .grayDot
{
	margin-top: 0px !Important;
	margin-bottom: -5px;
}

.frm_user td {
	padding-bottom: 10px;
}

.btn_top_action {
	color: white;
	min-width: 100px;
	margin-left: 5px;
	padding: 3px !important;
	margin-top: -8px !important;
	position: relative;
}

.past_schedule,
.past_schedule td span {
	color: #c1c1c1 !important
}

.debug {
	border: 1px solid red !important;
}
.favorites > li > a {
	padding: 20px;
}

.notifyjs-bootstrap-success,
.notifyjs-bootstrap-error,
.notifyjs-bootstrap-warn,
.notifyjs-bootstrap-info {
	padding-top: 10px;
}

.fc-daygrid-event {
	overflow: hidden;
}

.bnt_header_add {
	display: inline-block;
	vertical-align: top;
	margin-top: 5px;
}

.sub_title {
	color: #b1b1b1;
	margin-left: 10px;
	margin-top: -5px;
	margin-bottom: 10px;
	font-size: 14px;
}
.h1, h1 {
	background-image: none !important;
	background-color: #369bdf !important;
}

.horizontal_line {
	width: 100%;
	text-align: center;
	border-bottom: 1px solid red;
	line-height: 0.1em;
	margin: 10px 0 20px;
}

.horizontal_line span {
	background:#fff;
	padding:0 10px;
}

.table td {
	word-break: break-word;
}
button {
	white-space: nowrap;
}
.hasDatepicker {
	font-size: 14px !important;
}
button:disabled {
	text-shadow: 1px 1px 0 rgb(255 255 255 / 75%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(rgb(159, 167, 176)), color-stop(0.05, rgb(197, 203, 206))) !important;

}
.printing {
	display: none;
}

.break_spaces {
	white-space: break-spaces;
}
.css_sale_cancel td,
.css_sale_cancel td div {
	color: gray !important;
	opacity: 0.4;
}

.readonly_input {
	border: 0px !important;
	/*color: #adabab !important;*/
	background: none !important;
	padding: 0px !important;
}

.filter_datepicker {
	width: 110px !important;
	padding: 5px !important;
	font-size: 12px !Important;
}