html { min-height: 101%; height: 100%; margin-bottom: 1px; } /* fix scrollbar shift */

body 
{
    background: url(../images/body-bg.gif) top left repeat-x #fff; 
    color: #333;
    /*font-family: Arial;*/
    font-family:"segoe ui",arial,sans-serif;
    font-size: 12px;
}
div#outsideContainer
{
    margin: 0 0 0 auto;
    width: 80%;
}
/* TAG STYLES */
a
{
    color: #0e7abe;
    text-decoration: none;
}
a:hover, a:active
{
    color: #3688cc;
    text-decoration: underline;
}

div.section h2 {
    color: Black;
    font-size: 14px;
    font-weight: bold;
}

p
{
    line-height: 18px;
    padding: 0 0 15px 0;
}

h1
{
    color:#333;
	font-size:24px;
    font-weight:normal;
}
h2
{
    color:#000000;
    font-size:18px;
    font-weight:normal;
    margin: 0 0 15px 0;
}
.buttStyle
{
    padding: 4px 10px;
    white-space: nowrap;
    width: auto;
    background: #449FDA;
    border: 1px solid #3A90C7;
    cursor: pointer;
    display: block;
    padding: 4px 0;
    position: relative;
    text-align: center;
    width: 65px;
    color: White;
    font-weight: bold;
}
h3
{
    color:#000000;
    font-size:18px;
    font-weight:normal;
    margin: 0 0 15px 0;
}
ul
{
    margin: 0 0 0 20px;
}

/* 
ul li
{
    list-style-type: square;
    margin: 5px 0;
}
*/

p img
{
    border:2px solid #FFFFFF;
}
.backColorError
{
    background-color:#f4cccc;
    padding:4px ; 
    display: inline-block;
    line-height: 23px;
}
.divright
{
    text-align:right;
}
.backColorSuccess
{
    background-color:#d9ead3;
    padding:4px ; 
    display: inline-block;
    line-height: 23px;
}
img[align="left"]
{
    margin: 0 15px 15px 0;
}

img[align="right"]
{
    margin: 0 0 15px 15px;
}

textarea
{
    border:1px solid #ABABAB;
    color:#000;
}


/* HEADER STYLES */

div#header
{
    float: left;
    width: 80%;
}

a.logo
{ 
    margin:15px 0 0 26px;
    float: left;
    width: auto;
}

div.search
{
    background:transparent url(../images/search-bar-bg.gif) repeat-y scroll 70px top;
    float:right;
    padding:7px 25px 7px 100px;
    text-align:right;
    width:350px;
}

div.search a
{
	margin:5px 0 0;
}

div.search span
{
    color:#0E7ABE;
	margin:5px 5px 0;
	width: auto;
}

div.search input[type="text"]
{
	float: left;
    margin:0 0 0 4px;
    width:165px;
}
/*
input[type="submit"].button
{
    background:transparent url(../images/verts.gif) repeat-x scroll 0 0;
    border:1px solid #3A90C7;
    color:#FFFFFF;
	display: inline;
	float:left;
	font-size:14px;	
	margin:1px 0 0 5px;
	padding:4px 0px 4px 0px;
	white-space: nowrap;
	width:auto;
    cursor:pointer;
     font-family: "Segoe UI",Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
}

input[type="submit"].buttonArchive
{
    background:transparent url(../images/archive_btn_bg.gif) repeat-x scroll 0 0;
    border:1px solid #E8B36D !important;
    color:#000;
	display: block;
	float:left;		
	margin:1px 0 0 5px;
	padding: 4px 10px;
	white-space: nowrap;
	width:auto;
    font-family: "Segoe UI",Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    cursor:pointer;
}

input[type="submit"].buttonDelete
{
    background:transparent url(../images/delete_btn_bg.gif) repeat-x scroll 0 0;
    border:1px solid #E06666 !important;
    color:#fff;
	display: block;
	float:left;		
	margin:1px 0 0 5px;
	padding: 4px 10px;
	white-space: nowrap;
	width:auto;
    font-family: "Segoe UI",Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    cursor:pointer;
}*/

div.profile
{
	clear:right;
	float:right;
	padding:12px 25px 4px 0;
	text-align:right;
	width:480px;
}
#nav
{  
    float: left;
    margin: 10px 0 0 0;
	position:relative;
	width:100%;
	z-index:2;
}

#statusBox
{
	position:relative;
	display:none;
}

#validationSummary
{
	display:none;
	position:relative;
	margin-bottom: 10px;
}

/* CONTENT STYLES */
#content
{
    clear: both;
    float: left;
    margin: 10px 0 40px 0;
    position: relative;
    width: 80%;
}

div#s-header
{
    float: left;
    margin: 20px 0 0 0;
    width: 100%;
}

#s-header h1
{
}

#s-header .sub-title
{
    color: #3688cc;
    float:left;
    font-size: 14px;
    font-weight: bold;
    padding:5px 0 15px 0;
}

#s-header .desc
{
    clear:both;
    color:#000000;
    display:block;
    font-size:12px;
    margin-right:30%;
    position:relative;
    top:-13px;
}


div#s-header h2
{
	clear: both;
	color: #3688cc;
    float: left;
	margin:5px 0;
    width: 70%;
}

ul.event
{
    margin: 0;
}
ul.event li
{
   /* border-bottom: 1px dotted #9C9C9C;*/
    display: block;
    margin: 10px 0;
    padding: 0 0 10px 0;
    /*width:300px;*/
}
ul.event li span
{
    display: block;
    margin: 5px 0;
}
ul.event li a
{
    display: block;
}
div.button-bar
{
    text-align: left;
}
div.title-actions
{
    float: left;
    width: 30%;
}

.blue-button
{
    background:transparent url(../images/verts.gif) repeat-x scroll 0 0;
    border:1px solid #3A90C7;
    color: #FFF;
    padding: 0 5px;
    text-decoration: none;
}

.blue-button:hover
{
    color: #FFF;
    background-position: 0 -15px;
    text-decoration: none;
}

.gray-button
{
    background:transparent url(../images/verts.gif) repeat-x scroll 0 -30px;
    border:1px solid #C5C5C5;
    float: right;
    text-decoration: none;
    width: auto;
}

.gray-button:hover
{
    background-position: 0 -60px;
    text-decoration: none;
}

div.title-actions .gray-button
{
    margin-left: 10px;
}

a.action-link
{
    display: block;
    text-align: left;
}
h2 a.action-link
{
    display:inline;
    font-size:12px;
    font-weight:normal;
    margin:0 0 0 10px;
}
.headercolor
{
    margin-right:0px;
}
.relatedPanel	{ border:1px solid #9c9c9c; background:#f9f9f9 url(../Images/content_btm_bg.gif) repeat-x; padding:15px 20px;  }
.related	{ border:1px solid #9c9c9c; background:#fff; margin-bottom:12px; }
.relatedInner	{ border: 1px solid #fff; background:#f9f9f9 url(../Images/content_btm_bg.gif) repeat-x; padding:15px 20px;  }
.relatedInnerWithEmail	{ border:1px solid #fff; background:#f9f9f9 url(../Images/content_btm_bg.gif) repeat-x; padding:15px 20px;  }
.relatedInner p	{ margin-bottom:10px; }
.relatedInner h2	{ margin-bottom:6px; }

ul.relatedList
{
    margin: 0;
}
ul.relatedList li
{
    border-bottom: 1px dotted #9C9C9C;
    list-style-type: none;
    padding:3px 0 8px;
}
ul.relatedList li a
{
    padding:0 0 1px 25px;
}
ul.relatedList li.last
{
    border: none;
}

/* STRUCTURE STYLES */

div.content-col
{
    float: left;
    width: 78%;
    position:relative;
}
div.content-right-col
{
    float: left;
    margin: 0 0 0 10px;
    width: 18%;
}
div.content-right-col div.filled-box-outline
{
    margin: 0 0 20px 0;
}
div.one-col, div.two-eq-col, div.three-eq-col, div.four-eq-col
{
    float: left;
    margin: 0 0 30px 0;
    width: 100%;
}
.full
{
    width: 80% !important;
}
div.two-eq-col div.col1
{
    float: left;
    padding-right: 2%;
    width: 48%;
}
div.two-eq-col div.col2
{
    float: left;
    padding-left: 2%;
    width: 48%; 
}
div.three-eq-col div.col
{
    float: left;
    padding:0 1.5%;
    width: 30%;
}
div.four-eq-col div.col
{
    float: left;
    padding-left: 2%;
    width: 23%;
}
div.col ul
{
    margin:0 0 20px 15px;
}
div.col ul li
{
    margin: 10px 0;
}
.filled-box-outline
{
    border:1px solid #9C9C9C;
    float: left;
    width: auto;
}
.filled-box
{
    background:url(../images/filled-box-bg.gif) repeat-x scroll 0 -30px #f9f9f9;
    border: 1px solid #FFF;
    float: left;
    padding: 20px 0 0 0;
    width: auto;
}
div.filters
{
    float: left;
    margin: 0 0 10px 0;
    width: 100%;
}
div.filter
{
    border-left: 1px dotted #9C9C9C;
    float: left;
    padding: 0 0 0 20px;
    width:329px;
}
div.filterthreecolumn
{
    border-left: 1px dotted #9C9C9C;
    float: left;
    padding: 0 0 0 10px;
    width:309px;
}
div.filterthreecolumnleftbodernone
{
    
    float: left;
    padding: 0 0 0 10px;
    width:309px;
}
div.filterthreecolumnleftbodernonespaceright
{
    
    float: left;
    padding: 0 0 0 10px;
    width:333px;
}
div.filterthreecolumnwithspace
{
    border-left: 1px dotted #9C9C9C;
    float: left;
    padding: 0 0 0 10px;
    width:295px;
}
div.filterrb
{
    float: left;
    margin: 0 0 30px 0;
    padding: 0 0 0 20px;
    width:329px;
}
div.filterFull
{
    float: left;
    margin: 0 0 30px 0;
    padding: 0 0 0 20px;
    width:100%;
}

div.filter:first-child
{
    border: none;
    padding-left:0;
}
div.bottom-box
{
    float: left;
    padding: 0 20px 20px 20px;
    width:418px;
}
div.side-box
{
    float: left;
    padding: 0 20px 20px 20px;
    width:206px;
}
div.page-info
{
    float: left;
    width: 100%
}
/* FORM FIELD STYLES */
div.field, div.required
{
    float: left;
    margin: 0 0 10px 0;
    position: relative;
    width:98%;
}

div.field.inline div
{
    float: left !important;
}
div.fieldrb
{
	float: left;
    margin: 0 20px 10px 0;
    width:100%;
    vertical-align:middle;
    font-size:14px;
}

div.radpanel
{
    color:#000000 !important;
    float:left !important;
    font-weight:bold !important;
    margin:0 0 0 30px !important;
    padding:0 !important;
    width:90% !important;
}
div.preview
{
	font-weight:lighter;
	font-style:italic;
}
div.treeDetail
{
    margin-top: 15px;
}
div.treeDetail div.preview
{
    color: #7A7F84;
    font-weight:bold;
    font-style: normal;
}
div.treeDetail span.readonly
{
    color: #7A7F84;
    font-weight: normal;
    padding-left: 10px;
}
div.field.double
{
	margin:0 14px 10px 0;
    width:auto;
}
div.field span.label
{
    clear: both;
    float: left;
    padding: 5px 0;
    width: 100%;
}
div.field span.inlineField
{
    clear: none;
    font-weight: bold;
    padding-right: 10px;
}
div.field span.inlineField + span
{
    clear: none;
    color: #3688cc;
    font-weight: bold;
}
div.field input[type="text"], 
div.field input[type="password"], 
div.field table
{
    clear: both;
    float: left;
   /* width: 296px; this was messing up radcombobox */
}

div.field input[type="checkbox"]
{
    float: left;
	margin:6px 0 0 10px;
}
div.field input[type="checkbox"] + label
{
    float: left;
    margin:5px 0 0 5px;
}
div.middleSymbol{
	float:left;
	font-size:18px;
	font-weight:bold;
	padding:26px 18px 0 0;
	width:10px;
}
#totalSlots
{
    font-size: 16px;
    font-weight: bold;
    padding:2px 0 0;
}
div.field textarea
{
    clear:both;
    float:left;
    font-family:arial;
    font-size:13px;
    line-height:18px;
    width:300px;
}
div.field.double input[type="text"], div.field.double input[type="password"]
{
    width: 115px;
}
div.field.double div
{
	clear: both;
	float: left;
}
div.field img
{
    cursor:pointer;
    float:left;
    margin:4px 0 0 5px;
}
div.field span.validation
{
    color: #F00;
    clear: both;
    display: none;
    float: left;
    padding: 3px 0;
    width: 100%;
}
div.field select
{
    border:1px solid #ABABAB;
    clear: both;
    color:#95999D;
    float: left;
    line-height:16px;
    padding:2px 0;
}
div.field.checkbox input
{
    float: left;
    margin:6px 5px 0 0;
    width: auto;
}

div.field.checkbox label
{
    clear: none;
    width: auto;
}
div.field.inline .combo-selector
{
    margin-top:2px;
}
div.field.inline div.action-panel
{
    clear: none;
    margin-left: 15px;
    width: auto;
}
div.field.inline select
{
    margin:6px 15px 0 0;
}
div.content-col div.action-panel
{
	clear:both;
	float:left;
	width:100%;
}

div.content-col div.action-panel .action-list{
	float: left;
}

div.content-col div.action-panel .action-list li{
	border:none;
	float: left;
	margin-right: 10px;
}

.ActionRight .action-panel ul 
{
    float:right !important;
    }

div.content-col div.action-panel .action-list li a.action-button{
	padding: 4px 10px;
	white-space: nowrap;
	width: auto;
}

/* ICON STYLES */
.gray-button .icon
{
    border:1px solid #FFF;
    float: left;
    padding: 5px 5px 5px 25px;
    width: auto;
}
.gray-button .icon:hover
{
    text-decoration: none;
}
.icon
{
    background-image: url(../images/icons.png);
    background-repeat: no-repeat;
    padding-left: 25px;    
}
.blue-arrow
{
    background-position: 6px -1px;
}
.print
{
    background-position: 2px -32px;
}
.export
{
    background-position: 2px -70px;
}
.group
{
    background-position: 2px -186px;
}
.page
{
    background-position: 2px -225px;
}
.chart
{
    background-position: 2px -265px;
}
.user
{
    background-position: 2px -149px;
}
.icon_eventAdd
{
    background: url(../images/icons/icon_event_add.png) top left no-repeat;
    padding: 0 0 5px 20px;
}
.icon_team
{
    background: url(../images/icons/icon_team_manage.png) top left no-repeat;
    padding: 0 0 5px 20px;
}
.icon_taskAdd
{
    background: url(../images/icons/icon_add_task.png) top left no-repeat;
    padding: 0 0 5px 20px;
}
.icon_newspaper
{
    background: url(../images/icons/icon_newspaper.png) top left no-repeat;
    padding: 0 0 5px 20px;
}
.icon_check
{
    background: url(../images/icons/icon_outlooktask.jpg) top left no-repeat;
    padding: 0 0 5px 20px;
}
.icon_library
{
    background: url(../images/icons/icon_book_open.png) top left no-repeat;
    padding: 0 0 5px 20px;
}
.icon_certified
{
    background: url(../images/icons/icon_certified.png) top left no-repeat;
    padding: 0 0 5px 20px;
}
.icon_roll_up_report
{
    background: url(../images/icons/icon_rollupreport.png) top left no-repeat;
    padding: 0 0 5px 20px;
}
/* GRID STYLES */
.cssGrid{clear:both;float:left;margin:5px 0;padding:10px 0px; width:98%;}
.cssGrid .cssGridHeader th{background:url(../images/header-bg.gif) bottom left repeat-x #FFF;border:1px solid #CCC;color:#555;font-size:12px;padding:3px 10px;text-align:left}
.cssGrid .cssGridRow td{border-bottom:1px solid #CCC;color:#555;font-size:13px; line-height:20px;padding:10px;vertical-align:middle}
.cssGrid .alternating td{background-color:#EEE;}

/* Telerik Style Overrides */
.RadMenu .rmItem{
	margin: 0;
}
.RadMenu a.rmLink{
	cursor: pointer !important;
}
/* ADMIN STYLES */
ul.adminList
{
    float: left;
    margin: 0;
    width: auto;   
}
ul.adminList li
{
    float: left;
    margin-top: 25px;
    width: auto;
}
ul.adminList li a
{
    float: left;
    font-weight: bold;
    margin: 0 0 5px 0;
    width: auto;
}
ul.adminList li a span
{
    margin: 0;
}
ul.adminList li span
{
    float: left;
    width: auto;
}
ul.adminList li.locations
{
    background: url(../images/icons/icon_admin_locations.gif) top left no-repeat;
    padding: 0 0 15px 45px;
}
ul.adminList li.users
{
    background: url(../images/icons/icon_admin_users.png) top left no-repeat;
    padding: 0 0 15px 45px;
}
ul.adminList li.custom-categories
{
    background: url(../images/icons/icon_admin_categories.png) top left no-repeat;
    padding: 0 0 15px 45px;
}
ul.adminList li.goals
{
    background: url(../images/icons/icon_admin_goals.png) top left no-repeat;
    padding: 0 0 15px 45px;
}
ul.adminList li.event-tasks
{
    background: url(../images/icons/icon_admin_defaulttask.png) top left no-repeat;
    padding: 0 0 15px 45px;
}
ul.adminList li.event-metrics
{
    background: url(../images/icons/icon_admin_metrics.png) top left no-repeat;
    padding: 0 0 15px 45px;
}
ul.adminList li.event-types
{
    background: url(../images/icons/icon_admin_event_types.png) top left no-repeat;
    padding: 0 0 15px 45px;
}
/* FOOTER STYLES */
#footer
{
    border-top:1px solid #9C9C9C;
    clear: both;
    color:#CCD7DB;
    float: left;
    padding:10px 0;
    text-align:right;
    width: 80%;
}
#footer span
{
    color:#666;
    float:right;
    line-height:35px;
    padding:0 0 0 10px;
    width: auto;
}
#footer span img{
	vertical-align: middle;
}
#footer ul
{
    float: right;
    margin: 0;
}
#footer ul li
{
    border-right:1px solid #C6C6C6;
    float: left;
    list-style-type: none;
    width: auto;
}
#footer ul li a
{
    float: left;
    padding: 5px 10px;
    width: auto;
}
#footer ul li a.active
{
    color: #ACACAC;
    cursor: text;
}
#footer ul li a.active:hover
{
    text-decoration: none;
}

div.dialogBody div.filter{
	border: none;
	padding-left: 30px;
	padding-top: 30px;
}
div.loginContainer{
	margin: 50px auto 0 auto; 
	position:relative; 
	width:500px;
}
div.loginContainer img{
	float: left;
	margin: 0 0 30px 10px;
}
div.loginContainer div.leftLogin{
	float: left;
	width: 450px;
}
#login_RememberMeID{
	border:1px solid white;
	font-size: 13px;
	padding: 2px 0 2px 2px;
	width: 20px;
}
div.leftLogin input{
	border:1px solid #8e8e8e;
	font-size: 13px;
	padding: 2px 0 2px 2px;
	width: 230px;
}

div.leftLogin input.button
{
    background:transparent url(../images/verts.gif) repeat-x scroll 0 0;
    border:1px solid #3A90C7;
    color:#FFFFFF;
	display: inline;
	float:left;
	font-size:13px;
	height:24px;
	margin:0;
	padding:0 19px 5px;
	white-space: nowrap;
	width:auto;
}
div.loginContainer div.rightLogin{
	float: left;
	margin: 30px 0 0 50px;
	width: 188px;
}
.error
{
    background: url(../images/icons/icon_error.png) 5px 10px no-repeat;
    font-size:14px;
    line-height:20px;
    margin-left:30px;
    padding-left:50px !important;
}
div.search-homepage
{
    background:transparent url(../images/search_home_bg.png) repeat-y scroll 70px top;
    float:right;
    padding:0px 0px 0px 85px;        
    width:485px;
    height:130px;
    
}
div.graph-homepage
{
    background:transparent url(../images/report_home_bg.png) repeat-y scroll 70px top;
    float:right;
    padding:0px 0px 0px 85px;  
    width:485px;
    height:350px;
    
}
.communicationbox { margin: 10px; padding: 10px 10px 10px 36px; z-index: 0; border: 2px solid #090; position: relative; width:620px;}
.communicationbox .communicationboxicon { background-image: url(../images/Icons/icon_homepage_pin.png); height: 48px; width: 48px; position: absolute; top: -25px; left: -13px; }

.savedReportbox { margin: 7px 0px 10px 10px; padding: 10px 10px 10px 36px; z-index: 0; border: 2px solid #0B5394; position: relative;top:5px}
.savedReportbox .savedReportboxicon { background-image: url(../images/Icons/icon_homepage_saveddetails.png); height: 48px; width: 48px; position: absolute; top: -14px; left: -13px; }

.RadSplitter .rspRight .rspPaneTabContainer
{
    border-width: 0 !important;
    height: 0px !important;
}
.RadSplitter .rspPaneTabContainer
{
    padding: 0 !important;
    background-image: none !important;
}        
.RadSplitter_Default .rspSlideTitleContainer, .RadSplitter_Default .rspSlideContainerResize {
background-color:White !important;
background-image: none !important;

} 
 .RadSplitter .rspSlideHeader .rspSlideTitle 
{
        height: 0 !important;
}
.RadSplitter_Default .rspSlideTitleContainer, .RadSplitter_Default .rspSlideHeaderIconWrapper {
    border-bottom:0 !important;
    display:none !important;
}
.RadSplitter .rspPaneTabContainer {
    border-width: 0px !important;    
}
.RadSplitter_Default .rspSlideHeaderIconWrapper 
{
    border-color: #828282 !important;
    border-style: solid !important;
    border-width: 1px 1px 0 !important;
}
 input[type="radio"] {
  margin-right: 4px;
}
 .RadComboBox_Default .rcbEmptyMessage {
     color:#000 !important;
}

.DisableGrid
{
    display: block;
    background: rgba(255,255,255,0.6);
    width: 100%;
    height: 100%;
    z-index: 999;
    position: absolute;
}

.RadSplitter_Default .rspTabsContainer, .RadSplitter_Default .rspTabsContainer .rspPaneTabContainerDocked, div.rspPaneTabContainer {
        background-color: transparent !important;    
}

.Announcementbox { margin: 5px 0px 10px 10px; padding: 10px 10px 10px 36px; z-index: 0; border: 2px solid #16b75f; position: relative; top:5px; word-wrap: break-word}
.Announcementbox .Announcementboxicon { background-image: url(../images/Icons/pin.png); height: 30px; width: 32px; position: absolute; top: -10px; left: -8px; }

.RadGrid_Office2010Silver .rgMasterTable, .RadGrid_Office2010Silver .rgDetailTable, .RadGrid_Office2010Silver .rgGroupPanel table, .RadGrid_Office2010Silver .rgCommandRow table, .RadGrid_Office2010Silver .rgEditForm table, .RadGrid_Office2010Silver .rgPager table, .RadTreeList_MetroTouch {
    font: 11px / 15px "segoe ui",arial,sans-serif !important;
}

.HomeGoalbox { margin: 7px 0px 10px 10px; padding: 10px 10px 10px 36px; z-index: 0; border: 2px solid #0B5394; position: relative;top:5px}
.HomeGoalbox .HomeGoalboxicon { background-image: url(../images/Icons/HomePage-SavedDashBoard.png); height: 48px; width: 48px; position: absolute; top: -14px; left: -13px; }
.HomeXMatrixbox { margin: 7px 0px 10px 10px; padding: 10px 10px 10px 36px; z-index: 0; border: 2px solid #0B5394; position: relative;top:5px}
.HomeXMatrixbox .HomeXMatrixboxicon { background-image: url(../images/Icons/HomePage_Xmatrix.png); height: 48px; width: 48px; position: absolute; top: -14px; left: -13px; background-repeat:no-repeat; }

.Img_responsive {
    width:80%;
    max-width:100%;
}
.apTempTile {
    color: #3688cc;
    background: #EDDEAA;
}

/* Change font family whole website */
.RadMenu_Silk, .ReportToolbar INPUT, .ReportToolbar SELECT, .ReportToolbar BUTTON, 
.RadComboBox .rcbInput .rcbDisabled, .RadComboBox_Default
, .RadButton .rbPrimary {
    font-family:"segoe ui",arial,sans-serif !important;
}

.s0, .s1, .s2, .s3, .s4, .s5, .s6, .s7, .s8, .s9, .s10, .s11, .s12, .s13, .s14, .s15, .s16, .s17, .s18, .s19, .s20, .s21, .s22, .s23, .s24, .s25, .s26 {
    font-family:"segoe ui",arial,sans-serif !important;
}
/*
.RadGrid_Office2010Silver .rgHeader, .RadGrid_Office2010Silver th.rgResizeCol, .RadGrid_Office2010Silver .rgHeaderWrapper {
    background:none !important;
    background-color: #e2e5e9 !important;
}

.RadGrid_Office2010Silver .rgPager, .RadTreeList_Office2010Silver .rtlPager {
    background:none !important;
    background-color: #e2e5e9 !important;
}

.RadTreeList_Office2010Silver .rtlHeader {
    background: none !important;    
    background-color: #e2e5e9 !important;
}

.RadGrid_Metro .rgHeader {
    background-color: #e2e5e9 !important;
    border-left: 1px solid #a4abb2 !important;
    border-bottom: 1px solid #a4abb2 !important;
}

.RadGrid_Metro .rgCommandRow {
    background: none !important;
}

.RadGrid_Metro .rgPager {
    background:none !important;
    background-color: #e2e5e9 !important;
}*/

.RadMenu.OptionsMenu .rmGroup .option-menu-print .rmLink:before {
    /*content: "\f02f";*/
    font-family: 'FontAwesome';
    margin: 0 10px !important;
    font-weight: 900;
}
.RadMenu.OptionsMenu .rmGroup .option-menu-ppt .rmLink:before {
    /*content: "\f1c4";*/
    font-family: 'FontAwesome';
    margin: 0 10px !important;
    font-weight: 900;
}
.RadMenu.OptionsMenu .rmGroup .option-menu-homeadd .rmLink:before {
    /*content: "\f015";*/
    font-family: 'FontAwesome';
    margin: 0 10px !important;
    font-weight: 900;
}
.RadMenu.OptionsMenu .rmGroup .option-menu-homeremove .rmLink:before {
    /*content: "\f00d";*/
    font-family: 'FontAwesome';
    margin: 0 10px !important;
    font-weight: 900;
}
 .OptionsMenu {
    /*top: -42px !important;
    position: absolute !important;
    right: 0px !important;*/
    z-index: auto !important;   
    background:none !important;
}
.RadMenu_Silk.OptionsMenu.RadMenu .rmRootGroup .rmRootLink {     
        margin:0 10px !important;        
}
.RadMenu_Silk.OptionsMenu.RadMenu .rmRootGroup .rmRootLink {
    /*width: 200px !important;
    display:block !important;
    border-radius: 8px !important;
    text-align: center !important;
    background-image: linear-gradient(#f0f0f0,#ffffff) !important;
    padding-top: 4px !important;
    border:1px solid #ccc !important;*/
    content: "\f013" !important;
    font-family: 'FontAwesome';
    font-weight: 900;
}
/*.RadMenu.OptionsMenu .rmRootGroup .option-menu-gear:before,*/
.RadMenu.OptionsMenu .rmRootGroup .option-menu-gear.rmLink:before {
    background: none !important;
    content: "\f013" !important;
    font-family: 'FontAwesome';
    font-weight: 900;
}

.RadMenu.OptionsMenu .rmExpand:before, .RadMenu.OptionsMenu .rmRootGroup:after {
    content: "\f013" !important;
    font-family: 'FontAwesome';
    font-weight: 900;
}
.RadMenu.OptionsMenu .rmHorizontal .rmRootLink.rmExpand:before, .RadMenu.OptionsMenu .rmToggleHandles .rmExpand:before {
    display: inline-block;
}
.RadMenu.OptionsMenu .rmRootGroup .option-menu-gear span.rmRootLink {
    display: inline-block;
    width: 18px;
    height: 18px;
    padding: 0px 2px !important;
    margin: 0px !important;
}

.RadMenu_Silk.OptionsMenu .rmRootGroup {
    background: none !important;
}
    .RadMenu_Silk.OptionsMenu .rmRootGroup .rmLink .rmRootLink .rmExpand .rmSlide {
        right:0px !important;
    }

    .RadMenu_Silk.OptionsMenu .rmRootGroup .rmLink .rmRootLink .rmExpand .rmSlide ul.rmVertical  {
        right:0px !important;
    }
.RadMenu.OptionsMenu .rmShadows, .RadMenu.OptionsMenu .rmShadows .rmMultiColumn {
    box-shadow: none !important;
}
.RadMenu_MetroTouch.OptionsMenu .rmRootGroup 
{
    border:none !important;
}
    .RadMenu_MetroTouch.OptionsMenu .rmRootGroup .rmRootLink, .RadMenu_MetroTouch.OptionsMenu .rmRootGroup .rmExpanded > .rmRootLink
    {
        border:none !important;
        color: #000 !important; 
        background-color: #FDFDFD !important;
    }
.RadMenu_MetroTouch.OptionsMenu .rmGroup .rmSelected > .rmLink, .RadMenu_MetroTouch.OptionsMenu .rmGroup .rmFocused > .rmLink {
    border-color:#e7e7e7 !important;
    color: #000 !important; 
    background-color: #e7e7e7 !important;
}

.awesome-tick-icon:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #008000;
    font-size: 20px;
    display: inline-block;
    text-align: center;
    vertical-align: bottom;
    font-weight: 900;
}
.awesome-circle-icon:before {
    content: "\f111";
    font-family: 'FontAwesome';
    color: #FF0000;
    font-size: 20px;
    font-weight: 900;
}
.awesome-circle-iconNew:before {
    content: "\f111";
    font-family:'FontAwesome';
    color:#ffda7a;
    font-size:20px;
    font-weight:900;
}

.iconLabel-align {
    vertical-align: top;
    font-size: 13px;
    padding-top: 5px;
}

.clstaskMoved {
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
}

    .clstaskMoved i.fa {
        border-radius: 50%;
        font-weight: 900;
        font-size: 20px;
        color: #ffa38c;
    }

.awesome-chess-board-icon:before {
    content: "\f43c";
    font-family: 'FontAwesome';
    color: #ffa38c;
    font-size: 20px;
    font-weight: 900;
}

.hasFill_icon { 
    width:18px !important; 
    height:18px !important; 
    display:inline-block; 
    background-image:url(../images/icons/has_fill.svg); 
    border-radius:50%;
    vertical-align: bottom;
    margin-bottom: 1px;
}

.LeftNavArrow:before {
    content: "\f0d9";
    font-family: 'FontAwesome';
    font-size: 20px;
    color: #046796;
    font-weight: 900;
}

.RightNavArrow:before {
    content: "\f0da";
    font-family: 'FontAwesome';
    font-size: 20px;
    color: #046796;
    font-weight: 900;
}
.NavigationLnkButton{
    text-decoration:none !important;
}
.GannttYearLbl {
    display: inline-block;
    vertical-align: top;
    padding-top: 2px;
}

.alignRight {
    float:right !important;
    line-height:16px !important;
}
.RadMenu.OptionsMenu .rmShadows .rmSlide .kpigridstyle {
    left: -250px;
}
.RadMenu.OptionsMenu .rmGroup .option-menu-common .rmLink {
    text-align: center !important;
}
.printicon:before {
    content: "\f02f";
    font-family: 'FontAwesome';
    margin: 0 10px !important;
    color: #000 !important;
    font-size: 16px !important;
    font-weight: 900;
}

#nav .rmFirst .rmLink.rmRootLink .rmText:before {
    content: "\f015";
    font-family: 'FontAwesome';
    font-size: 20px !important;
    font-weight: 900;
}

#nav .rmFirst .rmLink.rmRootLink {    
        margin-top:0px !important;     
}

a.ActionPlanName {
    font-size:13px !important;
    font-weight:bold;
    text-decoration:none;
    color: #333;
}

    a.ActionPlanName:hover {
        text-decoration: none;
        color: #0e7abe;
        cursor: pointer;
    }

a.ActionPlanNameLabel {
    font-size: 23px;
    font-weight: normal;
    text-decoration: none;
    color: #7A7F84;
}

    a.ActionPlanNameLabel:hover {
        text-decoration: none;
        color: #7A7F84;
        cursor: pointer;
    }

.awesome-link-icon:before {
    content: "\f0c1";
    font-family: 'FontAwesome';
    color: #333333;
    font-size: 20px;
    vertical-align: super;
    font-weight: 900;
}
a.awesome-link-icon {
    text-decoration: none;    
}

.actionplanSummary {
    font-size: 13px;
    font-weight: bold;
    color:darkgrey;
}

.actionplanSummaryItems {
    font-size: 13px;
    font-weight: normal;
}
a.primayOwnerLink:hover {
    text-decoration: none;
}

.apSummaryGrandTotal {
    float: left;
    text-align: left;
    width:75px;
}
.awesome-eye-icon:before {
    content: "\f06e";
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #595959;
    font-weight: 900;
}
.awesome-eyeSlash-icon:before {
    content: "\f070";
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #595959;
    font-weight: 900;
}

.awesome-bell-icon:before {
    content: "\f0f3";
    font-family: 'FontAwesome';
    color: #f5b204;
    font-size: 20px;
    font-weight: 900;
}

.awesome-archive-icon:before {
    content: "\f187";
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #E8B36D;
    font-weight: 900;
}


.awesome-clone-icon:before {
    content: "\f24d";
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #3A90C7;
    font-weight: 900;
    position:absolute;
}

.awesome-virtualmeeting-icon:before {
    content: "\f0ac";
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #3A90C7;
    font-weight: 900;
    vertical-align: -webkit-baseline-middle;
}

.awesome-trophy-icon:before {
    content: "\f559";
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #2DD80A;
    font-weight: 900;
    position: relative;
}

.awesome-check-icon:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #2DD80A;
    font-weight: 900;
    position: relative;
}

.awesome-library-icon:before {
    content: "\f02d";
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #00dc60;
    font-weight: 900;
    position: relative;
}

.awesome-status-icon:before {
    content: "\f06e";
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #333;
    font-weight: 900;
    position: relative;
}

.awesome-role-icon:before {
    content: "\f507";
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #333;
    font-weight: 900;
    position: relative;
}

.awesome-leftarrow-icon:before {
    content: "\f359";
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #333;
    font-weight: 900;
    position: relative;
    padding-right:3px;
}

.awesome-rightarrow-icon:after {
    content: "\f35a";
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #333;
    font-weight: 900;
    position: relative;
    padding-left:3px;
}

.awesome-excel-icon:after {
    content: "\f1c3";
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #333;
    font-weight: 900;
    position: relative;
    padding-left: 3px;
}



.clearFilterIcon {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='none' stroke='%23000000' stroke-width='0.6' stroke-miterlimit='10' d='M0.566,1.916C0.739,1.55,1.106,1.317,1.51,1.317 h11.303c0.405,0,0.771,0.233,0.944,0.599c0.173,0.367,0.12,0.798-0.137,1.112L10.835,6.92c-2.099,0.432-3.673,2.287-3.673,4.512 c0,0.717,0.165,1.396,0.458,2.002c-0.042-0.021-0.084-0.049-0.123-0.076l-1.674-1.256c-0.212-0.158-0.335-0.406-0.335-0.67V9.359 L0.7,3.025C0.446,2.714,0.392,2.279,0.566,1.916z'/%3E%3Ccircle fill='none' stroke='%23000000' stroke-width='0.6' stroke-miterlimit='10' cx='11.768' cy='11.431' r='3.518'/%3E%3Cpath d='M13.714,10.227c0.203-0.205,0.203-0.537,0-0.742c-0.205-0.203-0.538-0.203-0.743,0l-1.203,1.205l-1.203-1.205 c-0.207-0.203-0.539-0.203-0.744,0c-0.203,0.205-0.203,0.537,0,0.742l1.205,1.205L9.82,12.635c-0.203,0.205-0.203,0.538,0,0.743 c0.205,0.203,0.537,0.203,0.744,0l1.203-1.206l1.203,1.206c0.205,0.203,0.538,0.203,0.743,0c0.203-0.205,0.203-0.538,0-0.743 l-1.204-1.203L13.714,10.227L13.714,10.227z'/%3E%3C/g%3E%3C/svg%3E") !important;    
    /*background-image: url("../Images/Icons/filter-circle.svg");
     */    
}

.multiqueryLeft-arrow{
    float:left;
    font-size:14px;
}
.multiqueryRight-arrow {
    float: right;
    font-size: 14px;
}
.multiqueryConrolDiv {
    height:25px;
    padding-top:10px;
}

.multiquery-KpiName {
    font-weight: bold;
    display: inline-block;
    padding-top: 4px;
}

.kpi-actionplanName {
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: bold;
}

.cmPopupcss .field {
    width:100% !important;
}
.alertmsg {
    text-align: center;
    padding: 10px 0px 10px 0px;
    font-size: 17px;
    color: red;
}

.orangeHeader {
    color: #C76326;
    font-size: 24px;
}

.alertTxt
{
    font-weight:normal;
    font-size:15px;

}
.weeklyHeading {  
    font-size: 12px;
    font-weight: bold;
}

.newGridcss.RadGrid_MetroTouch .rgCommandCell {
    border-bottom: 3px solid !important;
    border-bottom-color: #25a0da !important;
    padding-bottom: 0px;
}
.newGridcss .RadButton_Default.rbButton:hover, .RadButton_Default.rbButton.rbHovered .rbSplitPart {
    border-color: #25a0da !important;
    color: #fff !important;
    background-color: #25a0da !important;
}

.newGridcss .RadButton.rbRounded {
    border-radius: 0px;
}
.newGridcss .rbButton {
    padding: 6px 10px;
}

.RadGrid_MetroTouch .rgMasterTable, .RadGrid_MetroTouch .rgDetailTable, .RadGrid_MetroTouch .rgGroupPanel table, .RadGrid_Office2010Silver .rgCommandRow table, .RadGrid_MetroTouch .rgEditForm table, .RadGrid_MetroTouch .rgPager table {
    font: 11px / 15px "segoe ui",arial,sans-serif !important;
}

.dashOpenReportbox {
    margin: 7px 5px 10px 2px;
    padding: 5px 0px 10px 5px;
    z-index: 0;
    position: relative;
    top: 5px;
    border-radius: 5px;
    height: 40px;
    width: 29%
}

.dashboxcls {
    font-weight: bold;
    width: 50%;
    float: left;
    font-size: 13px;
}

.dashboxvaluecls {
    font-weight: bold;
    font-size: 20px;
    float: left;
    padding-top: 18px;
}

.RadComboBox_MetroTouch .rcbInner {
    height: 17px !important;
}

.greyCalculator-Control {
    background: url(../Images/Icons/icon_calculatorgrey.png) no-repeat;
    border-top: none;
    border-left: none;
    cursor: pointer;
    border: none;
    padding-top: 3px;
}
@media print {
    body {     
        color: #333;        
        font-family: Arial,sans-serif !important;
        font-size: 12px;
    }

    a.ActionPlanName {
        font-size: 23px;
        font-weight: normal;
        text-decoration: none;
        color: #333;
        font-family: Arial,sans-serif !important;
    }

    body, a, h1, h2, h3, h4, h5, h6, p, span, div, table {
        font-family: Arial,sans-serif !important;
    }

            
}