/*------------------- Global Tags--*/
body 					{ font-family: Arial,Helvetica,sans-serif; overflow:hidden; } 

.page-title h1 			{ color: white;}
h1 						{ font-size:24px; color:#023A7B; }
h2 						{ font-size:22px; color:#023A7B; }
h3 						{ font-size:20px; color:#023A7B; }
h4 						{ font-size:17px; color: rgb(1, 34, 77); font-weight: bolder;}
h5 						{ font-size:15px; color:#023A7B; }
h6 						{ font-size:13px; color:#023A7B; }

table					{ width:100%; }

a, a:active, a:visited 	{ color: #607890; }
a:hover 				{ color: #036; }

/*------------------- Layout Overides--*/
.mx-layoutcontainer-middle 	{ padding:0 !important; border-top: 5px solid white; }
.mx-layoutcontainer-wrapper { padding:0; }
.mx-layoutcontainer-top 	{ padding:0 !important; }
.mx-layoutcontainer-center  {
	padding: 0 5px 0 5px! important;
	background: linear-gradient(rgba(38, 64, 104, 1.0) 50%, rgba(38, 64, 104, 0.9));
	background: -webkit-linear-gradient(rgba(38, 64, 104, 1.0) 50%, rgba(38, 64, 104, 0.9));
  	background: -o-linear-gradient(rgba(38, 64, 104, 1.0) 50%, rgba(38, 64, 104, 0.9));
  	background: -moz-linear-gradient(rgba(38, 64, 104, 1.0) 50%, rgba(38, 64, 104, 0.9));
}
.mx-layoutcontainer-center .mx-layoutcontainer-wrapper {
	/*padding-right: 10px !important;*/
} 
.mx-layoutcontainer-top.header-container .mx-layoutcontainer-wrapper {overflow: hidden !important;}

.mx-layoutcontainer-fixed > .mx-layoutcontainer-middle > .mx-layoutcontainer-wrapper 	{ overflow: hidden !important; } 
.mx-layoutcontainer-fixed > .mx-layoutcontainer-center > .mx-layoutcontainer-wrapper 	{ overflow: auto !important; } 
.mx-layoutcontainer-fixed > .mx-layoutcontainer-left > .mx-layoutcontainer-wrapper 		{}
.mx-layoutcontainer-fixed > .mx-layoutcontainer-right > .mx-layoutcontainer-wrapper 	{}	

/*------------------- Header --*/
.header-bg 					{ /* background-color: white; */ /* padding-bottom: 20px; */}
.header-bg td 				{ vertical-align: middle; margin-top: 350px; position: relative;}
.header-container {
    background: linear-gradient(white 65%,#CCC );
    background: -webkit-linear-gradient(white 65%,#CCC );
  	background: -o-linear-gradient(white 65%,#CCC );
  	background: -moz-linear-gradient(white 65%,#CCC );
}

/*------------------- Sign Out--*/
.sign-out 					{ text-align:right; }
.sign-out .mx-button 		{ padding:0; margin:0; background: none; color:white; border:none; }
.sign-out a 				{ font-weight: bold; padding:0; margin:0; background: none; color: rgb(1, 34, 77); border:none; font-size: smaller;}
.sign-out a:hover 			{ text-decoration: none; font-weight: bolder;}

/*------------------- Navigation--*/

.nav-sidebar {
	border-right: 3px solid white; 
	background: linear-gradient(180deg,rgb(153,153,153) 10%,  rgb(183,183,183));
	background: -webkit-linear-gradient(180deg,rgb(153,153,153) 10%, rgb(183,183,183));
  	background: -o-linear-gradient(180deg,rgb(153,153,153) 10%, rgb(183,183,183));
  	background: -moz-linear-gradient(180deg, rgb(153,153,153) 10%,  rgb(183,183,183));
}

.navbar-inner a 		{ color: #666 !important; text-shadow: 0 0 0; font-family: 'Source Sans Pro', sans-serif; font-size: 14px;line-height: 1.428571429;}

.mx-navigationtree ul 	{ padding-left: 0 !important;}
.mx-navigationtree .mx-navigationtree-has-items a { font-weight: normal !important; }
.mx-navigationtree-collapsed span.caret 
{
	transform : rotate(90deg);
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
}
.mx-navigationtree li:hover 					{ background-color: #dadada !important;}
.mx-navigationtree-collapsed 					{ background-color: #f4f4f4 !important;}
.mx-navigationtree-has-items 					{ background-color: #eee;}
.mx-navigationtree-has-items li:hover 			{ background-color: #eee !important;}
.mx-navigationtree-has-items ul:first-child: 	{ margin-top: 5px;}
.mx-navigationtree-has-items ul 				{ margin-top: 5px;}
.navbar-inner > ul > li > a > img 				{ padding-right: 5px;}

.nav-bg 	{ background-color: rgb(31, 90, 148);}


.nav-btn 
{
	font-size: xx-large; 
	color: white !important; 
	border: none !important; 
	background-image: none !important; 
	background-color: transparent !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	line-height:1;
}

.pagetitle-bg 				{ background-color: transparent; line-height: 1; width: 100%;}
.pagetitle-bg.mx-table td 	{ padding: 5px 0px 5px 15px; margin: 0;}
.pagetitle-bg .btn 			{ padding:0; margin: 0;}
.pagetitle-bg .mx-title 	{ color: rgb(170,204,241); padding-top: 5px; font-size:20px;  padding-bottom: 5px;}

.caret 						{ color:#0067b1; border-top: 6px solid; border-right: 6px solid transparent; border-left: 6px solid transparent; }

/*---------Search Field Section----------*/
.welcome-message        { color: #666;}

.search-box             { border: none !important; }
.search-box input 
{
                border: 1px solid rgb(220, 220, 220) !important;
                border-radius: 0 !important;
                background-color: rgba(255, 255, 255, 0.8);
                color: #989898;
                height: 25px;
                padding-left: 10px;
                font-size: small;
}

.search-btn                  { padding: 0; float: left; }
.search-bg                   { background-color:#ccecd7 !important; }
.search-bg .mx-table td      { padding:5px; }

.search-dv 						{ border: none; background: transparent;}
.search-dv .mx-dataview-content { border: none !important; background: transparent;}


/*------------------- Grid Tabs--*/
.nav-tabs 							{ border:none;}
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus 	{ }

.mx-tabcontainer-tabs 		{ margin:0 !important; border-width: 3px; padding-bottom: 3px;} 
.mx-tabcontainer-content 	{ border: 1px solid white; padding:20px; background-color: white; margin-top: 3px;}

.mx-tabcontainer .mx-tabcontainer-tabs li 		{ /* margin-bottom: -3px; */ }
.mx-tabcontainer .mx-tabcontainer-tabs li > a 
{
  padding: 0.6em 1.2em;
  border: 0;
  border-style: solid;
  border-color: transparent;
  border-bottom-width: 3px;
  border-radius: 0;
  color: rgb(170,204,241);
  /* border: 1px solid; */
  font-size: smaller;
  font-weight: bold;
  /* background-color: white; */
}

.mx-tabcontainer .mx-tabcontainer-tabs li > a:hover, 
.tab-lined.mx-tabcontainer .mx-tabcontainer-tabs li > a:focus { 
	background: rgb(254, 153, 0);
	border: none;
	color: rgb(38, 64, 104);
}

.mx-tabcontainer .mx-tabcontainer-tabs li.active > a, 
.tab-lined.mx-tabcontainer .mx-tabcontainer-tabs li.active > a:hover, 
.tab-lined.mx-tabcontainer .mx-tabcontainer-tabs li.active > a:focus 	{ border: 0; border-bottom: 3px solid rgb(254, 153, 0); background-color: transparent; color: white; }


/*------------------- Grid --*/
.mx-grid 					{ padding:15px; background-color: white;}
.tab-content .mx-grid 		{ padding:0; border: none;}
.mx-groupbox-header 		{ background: none repeat scroll 0% 0% #00234d; padding:5px 15px; }

.mx-grid .mx-grid-controlbar .mx-grid-pagingbar 				{ padding-top:15px;}
.mx-grid .mx-grid-controlbar 									{ margin: 0; }
.mx-grid .mx-grid-controlbar .mx-grid-pagingbar .mx-button 		{ padding: 0; background-color: transparent; color: #666; border-color: transparent; font-size:10px; }
.mx-grid .mx-grid-controlbar .mx-grid-pagingbar .btn-default	{ background-color:none; background-image:none; }
.mx-grid .mx-grid-controlbar .mx-grid-pagingbar .mx-grid-paging-status { padding: 0px 8px 8px; font-size: 11px; }

.mx-datagrid .mx-datagrid-head-table 							{ border: 0; }
.mx-datagrid .mx-datagrid-head-table th 						{ border-left: 0; border-right: 0; border-bottom-width: 2px; border-color: #dddddd; }
.mx-datagrid .mx-datagrid-head-table .mx-datagrid-head-wrapper 	{ padding: 2px 5px; border:1px solid #ccc; }

.mx-datagrid .mx-datagrid-body-table .selected td 				{ background-color: #0067b1 !important; color: #FFF; }
.mx-datagrid .mx-datagrid-body-table 							{ border: 0; }
.mx-datagrid .mx-datagrid-body-table .mx-datagrid-body tr td 	{ padding: 2px 5px; border: 0; border-top: 1px solid; border-color: #dddddd; }
.mx-datagrid .mx-datagrid-body-table .mx-datagrid-body tr td .mx-datagrid-data-wrapper 	{ atext-overflow: ellipsis; }

.modal-body .mx-table td, .modal-body .mx-table th 	{ padding:4px; }
.modal-body .mx-datagrid-head th 					{ padding:0px; }

.mx-grid-search-controls 				{ padding: 5px 5px 0 0; }
.mx-grid-search-controls .btn			{ background:none; background-color:#0067b1; color:white; padding:5px; font-size:13px; font-weight:bold; }
.mx-grid-search-controls .btn:hover		{ background:none; background: linear-gradient(#464646, #323232) repeat scroll 0% 0% transparent; }

.mx-grid-search-label 			{ color: rgb(31, 90, 148); font-size: small; }
.mx-grid-search-label label		{ font-weight: bold;font-size: smaller; }
.mx-grid-search-inputs 			{ background-color: #EEE; border: 1px solid #DDD; padding-top: 5px; margin-bottom: 5px; }

.mx-table .mx-grid-content, 
.mx-table .mx-grid-controlbar 	{ padding:10px;}


/*------------------- ListView --*/
.listviewTimeline label 					{ white-space: nowrap; }
.listviewTimeline .mx-list li 				{ border:none; padding:0; }
.listviewTimeline .mx-list > li:hover 		{ background: none; }
.listviewTimeline .mx-list > li 			{ background: none; }
.listviewTimeline .mx-listview .mx-table td { padding: 5px; }
.listviewTimeline .mx-dataview-content 		{ background-color:#eee;}
.listviewTimeline .timeline-title 			{ color:#023A7B; font-weight: bold !important; }


/*------------------- Btns --*/
.btn 							{ border-radius:0; border: 1px solid rgb(186, 188, 186); font-size: smaller; padding:5px 12px !important;}
.btn-primary 					{ background-image: linear-gradient(#00234D, #00234D 60%, #00234D); }
.form-control 					{ height: 28px; padding: 0 5px; font-size: 12px; border-radius: 0;}

.mx-grid-toolbar .btn-default, 
.mx-dataview-controls .btn-default 			{ background-image: none; background-color:#dadada; padding:5px; font-size:13px; color:black; }

.mx-grid-toolbar .btn-default:hover, 
.mx-dataview-controls .btn-default:hover  	{ background-color:#0067b1; padding:5px; color:white; }

/*Date picker*/
.btn.mx-button.btn-default.mx-dateinput-select-button { padding: 3px 6px 3px 6px; }

.dijitCalendar 				{ border:1px solid #ccc; background-color:#333; padding:10px; color:white;}
.dijitCalendarHoveredDate  	{ background-color:#0067B1;}

.dijitCalendarContainer th, 
.dijitCalendarContainer td 	{ padding: 4px;}

/*------------ Tab Containers----------------------*/
.mx-tabcontainer  { padding: 10px; /*background-color: rgb(52, 85, 136);*/ background: linear-gradient(rgb(52, 85, 136),rgb(38, 64, 104)); }

/*-----------Data View--------------*/
.mx-dataview 			{ padding: 5px 0 5px 0; border-radius: 0 !important; }
.mx-dataview-content 	{ background: #EEE; border: 1px solid #DDD; }
.mx-dataview-controls 	{ border-radius: 0 !important; background-color: rgba(38, 64, 104, 0.1); border-top: 1px solid rgba(38, 64, 104, 0.3); }

.clear-dataview .mx-dataview-content {background: none !important; border: none !important;}

/*---------Pop up---------*/
.modal-header.mx-window-header 			{ background-color: rgb(38, 64, 104); border-radius: 0 !important; }
.modal-header.mx-window-header h4 		{ color: rgb(170,204,241); }
.modal-header.mx-window-header .close 	{ color : white !important; opacity: 0.75 !important; }

.modal-content 							{ border-radius: 0; }

/*-----Misc-------------*/
.no-borders 	{ border: none !important;}

/*------------------- Table Styles --*/
.table-a.mx-table td, .table-a.mx-table th 	{ padding:0 5px; margin: 0; }
.table-a.mx-table label 					{ padding:0; }
.table-a.mx-table  							{ margin:5px 0; }


/*-------Flex Header Grid Extension Row Colors --*/
tr .flex-red td {background-color:#f2dede !important;}
tr .flex-orange td {background-color:#fbdca7 !important;}
tr .flex-yellow td {background-color:#fcf8e3 !important;}

/*------------------- Task SLA Styles --*/
.task-sla-header th					{ text-align:center; color: white; padding:5px; margin:0; }
.task-sla-header label	    		{ padding:0; }
.task-sla-header .task-default		{ background: linear-gradient(lightslategray, Gray); }
.task-sla-header .task-past 		{ background: linear-gradient(red, firebrick); }
.task-sla-header .task-today 		{ background: linear-gradient(#FF4D4D, #B22424); }
.task-sla-header .task-tomorrow 	{ background: linear-gradient(#FFCC00, #FF9900); }
.task-sla-header .task-days 		{ background: linear-gradient(limegreen, green); }

.task-sla-template .mx-grid-content, 
.task-sla-template.mx-grid					{ padding:0 !important; background:none; border:none; }
.task-sla-template .btn 					{ padding:2px !important; width:100px; }
.task-sla-template label 					{ padding-top:4px; font-weight:bold;}
.task-sla-template .mx-templategrid-item 	{ padding:0; border:none;}
.task-sla-template .mx-dataview-content 	{ border:none; }
.task-sla-template .mx-dataview				{ padding:0 }