.highcharts-data-table table{ 
	width: 100%; 
	margin-bottom: 20px; 
} 
.highcharts-data-table table thead tr th{ 
	border-top: 0; 
	font-size: 13px; 
	font-weight: 600; 
	border-bottom: 2px solid #e7ecf1; 
	padding: 8px; 
	line-height: 1.42857; 
} 
.highcharts-data-table table > tbody > tr > td, .highcharts-data-table table > tbody > tr > th,  
.highcharts-data-table table > tfoot > tr > td, .highcharts-data-table table > tfoot > tr > th,  
.highcharts-data-table table > thead > tr > td, .highcharts-data-table table > thead > tr > th{ 
	padding: 8px; 
line-height: 1.42857; 
vertical-align: top; 
border-top: 1px solid #e7ecf1; 
} 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .message, 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject{ 
	margin-left: 0 !important; 
} 
 
#selectable_export_period .ui-selecting { background: #122b40; } 
#selectable_export_period .ui-selected { background: #1194bf; color: white; } 
#selectable_export_period { list-style-type: none; margin: 0; padding: 0; width: 450px; } 
#selectable_export_period li { margin: 3px; padding: 5px; float: left;text-align: center; } 
 
 
#selectable_export_days .ui-selecting { background: #122b40; } 
#selectable_export_days .ui-selected { background: #1194bf; color: white; } 
#selectable_export_days { list-style-type: none; margin: 0; padding: 0; width: 450px; } 
#selectable_export_days li { margin: 3px; padding: 5px; float: left;text-align: center; } 
.popover{z-index: 10052 !important;} 
.close_cust{text-indent:unset !important;background-image:unset !important;} 
#basic i.fa.fa-user {margin-top: 3px;} 
.custom_field_user .input-group.pull-left {width: calc(100% - 77px);} 
.custom_field_user a.btn.default.pull-left {width: 75px;} 
.padding_class {padding:0px 15px;} 
#user_workdiary_frm .inline_width {padding: 0px;} 
#user_workdiary_frm .inline_width span.select2.select2-container.select2-container--bootstrap {width: 94% !important;} 
#user_workdiary_frm .select2-container--bootstrap .select2-selection--single{padding: 6px 30px 18px 11px;} 
.custom_class_timesheetuserid span.select2.select2-container.select2-container--bootstrap{ width: calc(100% - 115px);} 
#timelog_frm .custom_class_timesheetuserid span.select2.select2-container.select2-container--bootstrap { width: calc(100% - 115px) !important;} 
.custom_class_select span.select2-selection.select2-selection--single, #timelog_frm span.select2-selection {  padding: 6px 30px 18px 33px;} 
.tabbable-custom span.select2-selection {padding: 7px 30px 18px 12px;} 
.add_class_custom{margin:0px 15px 0px 18px;} 
#activity_table_wrapper select, #tasks_table_wrapper select {padding-left: 2px;} 
#timelog_frm span.select2.select2-container.select2-container--bootstrap {width: 93.5% !important;} 
tags.tagify.form-control {height: auto;} 
.appication_usage .custom_class input {width: 90%;} 
.appication_usage .custom_class span.select2.select2-container {width: 93%;} 
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .time{max-width:102px !important;} 
.tagify__tag{margin: 5px !important;background: #e5e5e5;;} 
.tagify__tag>div>* {white-space: normal !important;} 
#start_import_btn {margin-bottom: 10px;} 
a.btn.btn-green.add_role_custom {padding-right: 0px;} 
label.radio input {margin-left: 0px !important;} 
#aa h4 {padding: 0px 15px;} 
input#myonoffswitchtrigger {margin: 10px 0px 0px !important;width: 15px;} 
.inline-form-class input {width: 93% !important;} 
#timelog_frm .custom_class_timesheetuserid a.btn.btn-icon-only.blue.center-button {margin: 0px 5px 0px 7px;} 
.progress-striped.progress{background-color:gray !important;} 
.portlet-fullscreen .portlet-body.same-height {height: 100% !important;} 
.portlet-fullscreen .portlet-body {height: 100% !important;min-height: 100% !important; overflow:auto !important;} 
caption.highcharts-table-caption {padding: 8px;} 
#activity_table th, #activity_table td, #tasks_table th, #tasks_table td {padding: 8px !important;text-align: left !important;} 
#app_incidents .custom_class_timesheetuserid_1 span.select2.select2-container.select2-container--bootstrap, #app_incidents .custom_class_timesheetuserid_2 span.select2.select2-container.select2-container--bootstrap {width: 93.5% !important;} 
table th,table td{padding:8px !important;} 
#offline_frm span.select2.select2-container {width: 100% !important;} 
.portlet-fullscreen .portlet-body .portlet-body {overflow: hidden !important;} 
 
 
 
@media screen and (max-width:1199px){ 
	table tr td {white-space: nowrap;} 
	.table-scrollable, .highcharts-data-table { 
		width: 100%; overflow-x: auto; overflow-y: hidden; border: 1px solid #e7ecf1; margin: 10px 0 !important; 
	} 
	.highcharts-data-table{border: 0px solid #e7ecf1;} 
} 
 
@media screen and (max-width:992px){ 
	.page-header.navbar .hor-menu.hor-menu-light {display: block !important;} 
	.portlet-body.same-height {	height: auto !important;} 
	div#aa {height: auto !important;} 
	#snapshots .m-grid, #snapshots .m-grid-row{display:block !important;} 
	#snapshots .m-grid-col{display: inline-block !important;flex-flow: initial !important;} 
	#snapshots .m-grid-col .col-xs-6.bold {font-size: 10px;padding: 0px 0px 0px 15px !important;padding-top: 2px;} 
	#snapshots .m-grid-col .col-xs-6.pull-right {padding-left: 0px;} 
} 
 
@media screen and (max-width:767px){ 
	.page-header.navbar .hor-menu .nav>li, .page-header.navbar .hor-menu .nav>li>a {display: inline-block;} 
	.page-header.navbar .hor-menu .navbar-nav { 
		position: absolute;left: 0;width: 100vw; 
		right: 0;background: #3d3d3d; 
		margin: 50px 0px 0px 0px; 
	} 
	.page-logo a {padding-top: 8px;} 
	a.menu-toggler.responsive-toggler {padding-top: 4px;} 
	.page-header.navbar{min-height:100px;} 
	.page-header.navbar .hor-menu .navbar-nav a {font-weight: 600 !important;font-size: 100% !important;} 
	div.dt-buttons{float:right !important; right: 38px !important;} 
	#totals_row ul.nav.nav-tabs, #totals_row ul.nav.nav-tabs li {display: block !important;} 
	#totals_row ul.nav.nav-tabs{width: 100%;} 
	#totals_row ul.nav.nav-tabs li {width: 50%;} 
	#totals_row ul.nav.nav-tabs li .ribbon.ribbon-shadow, #totals_row ul.nav.nav-tabs li .ribbon-content {width: 50% !important;} 
	#totals_row ul.nav.nav-tabs li .ribbon.ribbon-shadow{text-align:center;font-size: 7px;} 
	#totals_row ul.nav.nav-tabs li .ribbon-content { 
		padding: 1em .5em !important; 
		font-size: 9px; 
	} 
	#totals_row ul.nav.nav-tabs li .mt-element-ribbon {	margin: 5px 0px;} 
	.custom_field_user .input-group.pull-left {	margin-bottom: 4px;} 
	#workdiary_tab .owl-item {width: calc(100vw - 54vw) !important;} 
	#workdiary_tab .owl-stage-outer {max-height: 117px;} 
	#user_workdiary_frm .inline_width span.select2.select2-container.select2-container--bootstrap {width: 100% !important;} 
	.custom_class_report_type span.select2.select2-container.select2-container--bootstrap, input#TimesheetTodate, input#TimesheetFromdate {width: 100% !important;} 
	.custom_class_timesheetuserid span.select2.select2-container.select2-container--bootstrap {width: calc(100% - 84px);} 
	.add_class_custom {margin: 0px 2px 0px 4px;} 
	#get_reports #totals_row ul.nav.nav-tabs li, #get_reports #totals_row ul.nav.nav-tabs {display: inline-block !important;} 
	#get_reports #totals_row ul.nav.nav-tabs li {width: 32%;} 
	#get_reports #totals_row ul.nav.nav-tabs li p.ribbon-content { 
		float: initial !important;padding: 5px 10px 10px !important;font-size: 13px;clear: both !important; 
	} 
	#get_reports #totals_row ul.nav.nav-tabs li .ribbon.ribbon-shadow {font-size: 7px;width: 80% !important;} 
	#get_reports #totals_row ul.nav.nav-tabs li .mt-element-ribbon {height: auto !important;} 
	.custom_class_timesheetuserid_1 span.select2.select2-container.select2-container--bootstrap {width: 100%;} 
	#activity_table_wrapper label, #tasks_table_wrapper label, #myTable_wrapper label {width: 100%;display: flex;} 
	#activity_table_wrapper input.form-control, #tasks_table_wrapper input.form-control, #activity_table_wrapper select, #tasks_table_wrapper select, #myTable_wrapper input, #myTable_wrapper select {width: calc(100% - 51px) !important;} 
	#activity_table_wrapper select, #tasks_table_wrapper select, #myTable_wrapper select {order: 1;margin-left: 8px;} 
	#printableArea th, #printableArea td, #timelog_frm #get_reports table td, #get_reports table td, #attendance table td, .custom_user td, #theTable td, .tbl-list-align td, .permissionSection td { 
		white-space: nowrap; 
	} 
	#show_export table tr td {white-space: nowrap;padding: 2px 10px 3px;} 
	#timelog_frm #get_reports table td input {display:inline-block !important;} 
	#timelog_frm span.select2.select2-container.select2-container--bootstrap, #timelog_frm input#start_date, #timelog_frm input#end_date, #meeting_data div, #performance_form span.select2.select2-container.select2-container--bootstrap, #performance_form input#start_date, #performance_form input#end_date { 
		width: 100% !important; 
	} 
	.page-bar span.hidden-print {display: block;padding-top: 6px;} 
	h5.form-section.medium.bold {font-size: 13px;line-height: 1.4;} 
	#get_reports #totals_row .ribbon {font-size: 12px;} 
	.appication_usage .custom_class span.select2.select2-container {width: 100%;} 
	label.radio {text-align: center;} 
	.triggers_tab li {display: inline-block;} 
	.triggers_tab {border-right: 0px solid #ddd !important;} 
	.triggers_tab li.active a {border-right: 1px solid #ccc !important;border-bottom: 0px solid #ccc !important;} 
	.portlet_team > .portlet-title > .nav-tabs {float: left;} 
	.portlet.box.grey-mint.portlet_team > .portlet-title > .nav-tabs > li:last-child {width: auto !important;} 
	#timelog_frm .custom_class_timesheetuserid span.select2.select2-container.select2-container--bootstrap {width: calc(100% - 89px) !important;} 
	#search_act input {width: calc(100% - 179px) !important;} 
	#search_act button, #search_act input {display: inline-block !important;margin: 2px 0px;} 
	#search_act td, .custom_user td{white-space:nowrap;} 
	#snapshots table td {white-space: inherit;} 
	#workdiary_tab .owl-item {margin-right: 0px !important;} 
	#workdiary_tab .owl-carousel .owl-item img{padding:10px} 
	.mt-element-ribbon {margin-bottom: 10px !important;} 
	.tabbable-custom .tab-content li.active a { 
		border: 1px solid #ddd !important;border-bottom: 0px solid #ddd !important; 
	} 
	.tabbable-custom .tab-content li.active { 
		border-top: 3px solid #d64635;border-left: 0px solid #d64635 !important; 
	} 
	 
} 
 
@media screen and (max-width:767px) and (orientation:portrait){ 
	.page-header.navbar .top-menu { 
		display: inline-block;background-color: transparent; 
		float: right;padding: 0px 9px 0px 0px;clear: inherit; 
	} 
	.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle:hover, .page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle {background-color: transparent;} 
	.page-sidebar.navbar-collapse {	margin-top: 10px !important;} 
	.page-header.navbar .hor-menu .navbar-nav a {padding: 14px 5px !important;font-size: 79% !important;} 
	div#meeting_data_table {width: 100% !important;} 
	.page-toolbar.custom_toolbar .form-group {margin-bottom: 7px;} 
	.page-toolbar.custom_toolbar { 
		position: relative !important; padding: 0px 15px 0px !important;top: 0px !important;right: auto !important;margin-top: -4px; 
	} 
	.mt-element-ribbon .ribbon-content{font-size: 14px;} 
	#snapshots .m-grid-col{width: 49%;} 
	.grid_view_users .col-md-6 {width: 50%; display: inline-block;vertical-align: top;text-align: left;} 
} 
 
@media screen and (max-width:767px) and (orientation:landscape){ 
	.page-header.navbar .hor-menu .navbar-nav a {padding: 14px !important;} 
	.page-sidebar, .page-sidebar.navbar-collapse.in {margin: 10px;} 
	#totals_row ul.nav.nav-tabs li {width: 33.33%;} 
	#get_reports #totals_row ul.nav.nav-tabs li {width: 19.4%;} 
	#get_reports #totals_row ul.nav.nav-tabs li .ribbon.ribbon-shadow {font-size: 8px;} 
	#snapshots .m-grid-col {width: 32.8%;} 
	.grid_view_users .mt-card-avatar, .grid_view_users .mt-card-content, .grid_view_users .col-md-6 {width: 50%;display: inline-block;vertical-align: top;text-align: left !important;} 
	#workdiary_tab .owl-item {width: calc(100vw - 70vw) !important;} 
	#workdiary_tab .owl-stage-outer {max-height: 140px;} 
} 
 
@media screen and (min-width:768px) and (max-width:992px){ 
	page-header.navbar .hor-menu .navbar-nav>li>a {font-size: 13px;} 
	#totals_row ul.nav.nav-tabs li {width: 33.33%;} 
	#user_workdiary_frm .inline_width {padding: 0px 10px;} 
	#user_workdiary_frm .inline_width span.select2.select2-container.select2-container--bootstrap {width: 100% !important;} 
	.add_class_custom {	margin: 0px 2px 0px 5px !important;} 
	#snapshots .m-grid-col{width: 16.2%;} 
	.mt-element-ribbon .ribbon-content {font-size: 18px;} 
	ul.nav.nav-tabs.nav_users {margin-right: 5px !important;} 
	#timelog_frm .custom_class_timesheetuserid span.select2.select2-container.select2-container--bootstrap {width: calc(100% - 99px) !important;} 
	#timelog_frm .client_id_section1 span.select2.select2-container.select2-container--bootstrap, #app_incidents .custom_class_timesheetuserid_1 span.select2.select2-container.select2-container--bootstrap {width: 100% !important;} 
	#app_incidents .custom_class_timesheetuserid_2 span.select2.select2-container.select2-container--bootstrap {width: 93.5% !important;} 
	#timelog_frm .custom_class1:nth-child(3).form-group:nth-child(3) span.select2.select2-container.select2-container--bootstrap {width: 93.5% !important;} 
	.custom_class_report_type span.select2.select2-container {width: 100% !important;} 
	.ribbon_custom_class .mt-element-ribbon .ribbon-content {font-size: 14px;} 
	.minheight{min-height:61px;} 
    #user_portlet #totals_row .ribbon-content {font-size: 13px;} 
	#workdiary_tab .owl-item {width: calc(100vw - 66vw) !important;} 
} 
 
@media screen and (min-width:990px) and (max-width:1199px){ 
	.portlet-body.same-height {	height: 635px !important;} 
	#totals_row ul.nav.nav-tabs li {width: 25%;} 
	#activity_table_wrapper input.form-control, #tasks_table_wrapper input.form-control {width: calc(100% - 51px) !important;} 
	.dept_class {width: 21%;} 
	#snapshots .m-grid-col .col-xs-6.bold {font-size: 9px;padding-right: 0px !important;padding-top: 2px;} 
	#snapshots .m-grid-col .col-xs-6.pull-right {padding-left: 0px !important;} 
	#user_workdiary_frm .inline_width span.select2.select2-container.select2-container--bootstrap {width: 100% !important;} 
	#user_workdiary_frm .inline_width {padding: 0px 10px;} 
	#timelog_frm .custom_class_timesheetuserid span.select2.select2-container.select2-container--bootstrap {width: calc(100% - 105px) !important;} 
	#timelog_frm .client_id_section2 span.select2.select2-container.select2-container--bootstrap {width: 100% !important;} 
	#app_incidents .custom_class_timesheetuserid_2 span.select2.select2-container.select2-container--bootstrap {width: 100% !important;} 
	#timelog_frm .custom_class1:nth-child(3).form-group:nth-child(3) span.select2.select2-container.select2-container--bootstrap, #timelog_frm .custom_class1:nth-child(4).form-group:nth-child(4) span.select2.select2-container.select2-container--bootstrap {width: 90% !important;} 
	.custom_class_report_type span.select2.select2-container {width: 100% !important;} 
	.appication_usage .dept_class {width: 25% !important;} 
	#bb, #aa {height: 880px !important;} 
	#workdiary_tab .owl-item {width: calc(100vw - 74vw) !important;} 
} 
 
@media screen and (min-width:768px) and (max-width:1199px){ 
	#totals_row ul.nav.nav-tabs, #totals_row ul.nav.nav-tabs li{display: inline-block !important;} 
	#totals_row ul.nav.nav-tabs li .ribbon.ribbon-shadow{text-align:center;} 
	#totals_row ul.nav.nav-tabs li .ribbon-content {padding: 1.5em 1em 1.5em !important;} 
	#totals_row ul.nav.nav-tabs li .mt-element-ribbon {	margin: 5px 0px;} 
	.add_class_custom {	margin: 0px 5px 0px 8px;} 
	.custom_class_timesheetuserid span.select2.select2-container.select2-container--bootstrap {width: calc(100% - 90px);} 
	#get_reports #totals_row ul.nav.nav-tabs li {width: 13.8%;} 
	#get_reports #totals_row ul.nav.nav-tabs li .ribbon.ribbon-shadow {font-size: 8px;width: 80% !important;} 
	#get_reports #totals_row ul.nav.nav-tabs li p.ribbon-content { 
		float: initial !important;padding: 10px 10px 8px !important;font-size: 13px;clear: both !important;width: 100% !important;text-align: right; 
	} 
	#get_reports #totals_row ul.nav.nav-tabs li .mt-element-ribbon {height: auto !important;} 
	#get_reports #totals_row ul.nav.nav-tabs {display: block !important;} 
	.custom_class_timesheetuserid_1 span.select2.select2-container.select2-container--bootstrap {width: 90%;} 
	#timelog_frm .form-group:nth-child(3) span.select2.select2-container.select2-container--bootstrap {width: 100% !important;} 
	.appication_usage .app_usages_report_class.custom_class span.select2.select2-container {width: 100% !important;} 
	#timelog_frm #TimesheetFromdate {width: calc(100% - 20px) !important;} 
	#workdiary_tab .owl-item {margin-right: 0px !important;} 
	/*.owl-stage {width: 100% !important;}*/ 
	.owl-carousel .owl-item img{padding:10px} 
	#workdiary_tab .owl-stage-outer {max-height: 172px;} 
} 
 
@media screen and (min-width:768px){ 
	.page-logo a {padding-top: 5px;} 
	a.menu-toggler.responsive-toggler {	padding-top: 4px;} 
	.page-header.navbar .hor-menu .navbar-nav>li>a{padding: 16px 13px 13px;} 
	.page-header.navbar .menu-toggler.sidebar-toggler {margin: 17.5px 0 0;} 
	.custom_user td, #theTable td, .tbl-list-align td {white-space: nowrap;} 
} 
 
@media screen and (min-width:1200px) and (max-width:1400px){ 
	#user_portlet #totals_row .mt-element-ribbon {font-size: 12px;} 
	#user_portlet #totals_row .ribbon-content, #user_portlet #totals_row .ribbon {font-size: 11px;} 
}
.highcharts-container text {
    font-size: 1em !important; 
}