.floatLeft
{
    float: left;
}




/*   OPTIMA SECTION CONTROL
*/

div.section
{
    padding-bottom:15px;
}

div.section h2
{
    color: #3688cc;
    font-size: 14px;
    font-weight: bold;
    margin: 0px 0px 8px 0px;
}

div.sectionblue h2
{
	color: #3688cc;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

div.BlackSection h2
{
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 8px 0px;
}
div.GreySection h2
{
	color: #333;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 8px 0px;
}
div.section h2.infoTitle
{
    float: left;
}

div.section.grid
{
    width: 98%;
}

div.section.grid h2
{
    color:#3688cc;
    font-size:14px;
    font-weight:bold;
    margin: 0 0 15px 0;
    position: absolute;
}

div.section.grid h2.infoTitle
{
    left:30px;
    top:5px;
}

tr.rgNoRecords div
{
    margin: 25px 0 0 0 !important;
}

/* Added these styles because Steph wanted the dropdown and add link next to the header on the Edit Scorecard page */
div.topGridInline
{
    position: absolute;
    top: 0;
    left: 0;
}
div.topGridInline.belowTitle
{
    top: 30px;
}
div.topGridInline h2
{
    float: left;
    margin: 0 15px 0 0;
    width: auto;
}
div.topGridInline select
{
    float: left;
    margin: 0 10px 0 0;
    width: auto;
}
div.topGridInline div
{
    clear: none !important;
    display: inline !important;
    float: left !important;
    margin: 0 10px 0 0 !important;
    width: 200px !important;
}

div.topGridInline div .action-list li
{
    margin-top: 0;
}
div.topGridInline a.action-link
{
    background: transparent url(../images/icons/icon_task_add.png) no-repeat scroll left top;
    float: left;
    margin: 2px 0 0 0;
    padding: 0 0 1px 20px;
    width: auto;
}
div.NoBorder .rcbInputCell, div.NoBorder .rcbArrowCell
{
    background: none;
}
div.topGridInline a.action-link span
{
    margin-left: 0;
}
/* End special Edit Scorecard page styles */

.statusbox
{
	border:1px solid #ccc;
	background: #fff;
	padding: 10px;
	margin-bottom:10px;
}

.statusbox-close
{
	position:absolute;
	top:2px;
	left:auto;
	right: 2px;
	width: 13px;
	height: 13px;
	text-align:center;
	background: #ccc;
	border: 1px solid #999;
	color: #333;
	cursor: pointer;
	font-family: Arial;
	font-size:10px;
}

.statusbox .error
{
    color:#ff0000 ;
    font-size:12px;
    height:35px;
    margin-left:30px;
    padding-left:40px !important;
    background: url(../images/icons/icon_error.png) 0px 0px no-repeat;
}
.errorText
{
    color: #F00;
}
.statusbox-message
{
}

.required
{
	font-weight: bold;
}

.validation-summary
{
	border:1px solid #ccc;
	background: #FFFFFF;
	padding: 10px;
	margin-bottom:10px;
	font-size: 14px;
	color: #000;
	font-weight:bold;
}

.validation-summary ul
{
	padding-top: 6px;
	font-size:12px;
	font-weight:normal;
	list-style-type: circle;
}

.label .text
{
    float:left;
}

.label img.helpBubble
{
    margin-top:0px;
}

/* BUTTON STYLES - [  .btn- ] 
------------------------------------------------------------------------------------- */
.btn { position:relative; display:block; text-decoration:none !important; cursor:pointer; }
.btn:hover { text-decoration:none !important; }
.btn span { position:absolute; top:0; left:0; display:block; }

a.button	{ border:1px solid #3a90c7; height:24px; line-height:24px; padding:0 5px; font-size:12px; color:#fff; background:url(../Images/input_btn_bg.gif) repeat-x; }
a:hover.button	{ background:url(../Images/input_btn_bg_hvr.gif) repeat-x; }


.textbox-readonly, .textbox-multi-readonly, .-readonly, .readonly
{
    background-color:#FFFFFF;    
    clear:both;
    color:#333333;
    float:left;
    padding:4px;
    width:95%;
}

.textbox
{
	border:1px solid #ABABAB;
    color:#333;
    height: 20px;
    padding:4px 0 0 4px;
}

.textbox, .textbox-multi
{
	width: 295px;
}


/*
	form control

*/
.form
{   
}
.form .audit-stamp
{
	position:absolute;
	top:auto;
	bottom:-30px;
	left:auto;
	right:0px;
	font-style:italic; 
	text-align:right; 
	margin-right:10px; 
	font-size:11px;
}
.form .audit-stamp2
{
	position:absolute;
	top:auto;
	bottom:30px;
	left:auto;
	right:auto;
	font-style:italic; 
	text-align:left; 
	margin-right:10px; 
	font-size:11px;
    width:80%
}
div.col1.content-col .form .audit-stamp
{
    bottom:0px;
}


.action-link img
{
	vertical-align:middle;
}
.action-link span
{
	margin-left: 5px;
}
.button1
{	
	position:relative;	
	display:inline-block;   	
	cursor:pointer;
	background: url('../images/input_btn_bg.gif') repeat-x top left;
	border:1px solid #3a90c7;
	text-align: center;
	padding: 4px 0px 4px 0px;
	float: none;
	font-family:"Segoe UI",Arial,sans-serif;
    font-size:11px;
    font-weight:bold;
    color:#fff !important;
}
 .Searchbutton 
        {
            position: relative;
            display: block;
            width: 50px;
            cursor: pointer;
            background: url('../images/search_btn_bg.gif') repeat-x top left;
            border: 1px solid #98B954;
            text-align: center;
            padding: 4px 0px 4px 0px;
        }
.Deletebutton
{
	position: relative;
	display: block;
	width: 50px;
	cursor: pointer;
	background: url('../images/delete_btn_bg.gif') repeat-x top left;
	border: 1px solid #E06666;
	text-align: center;
	padding: 4px 0px 4px 0px;
}
a.action-Deletebutton 
{ 
	position: relative;
	display: block;
	width: 50px;
	cursor: pointer ;
	background: url('../images/delete_btn_bg.gif') repeat-x top left !important; 
	border: 1px solid #E06666 !important;
	text-align: center;
	padding: 4px 0px 4px 0px;
}
a.action-Archivebutton 
{
     position: relative;
    display: block;
    width: 50px;
    cursor: pointer;
    background: url('../images/archive_btn_bg.gif') repeat-x top left !important;
    border: 1px solid #E8B36D !important;
    text-align: center;
    padding: 4px 0px 4px 0px;
    color:Black !important;
}
a.action-Archivebutton_1
{
     position: relative;
    display: block;
    width: 50px;
    cursor: pointer;
    background: url('../images/archive_btn_bg_1.gif') repeat-x top left !important;
    border: 1px solid #E69138 !important;
    text-align: center;
    padding: 4px 0px 4px 0px;
    color:Black !important;
}
a.action-button
{
	position:relative;
	display:block;
	width:65px;
	cursor:pointer;
	background: url('../images/input_btn_bg.gif') repeat-x top left;
	border:1px solid #3a90c7;
	text-align: center;
	padding: 4px 0px 4px 0px;
}
        a.action-Searchbutton 
        {
            position: relative;
            display: block;
            width: 50px;
            cursor: pointer;
            background: url('../images/search_btn_bg.gif') repeat-x top left;
            border: 1px solid #98B954;
            text-align: center;
            padding: 4px 0px 4px 0px;
        }

a.action-disablebutton {
    position: relative;
    display: block;
    width: 50px;
    cursor: not-allowed;
    background: url('../images/print_btn_bg.gif') repeat-x top left;
    border: 1px solid #ccc;
    text-align: center;
    padding: 4px 0px 4px 0px;
    color:#000 !important;
}


.action-disablebutton .text {
    color: #777 !important;
}
a.action-button1
{	
	position:relative;	
	display:inline-block;   
	width:65px;
	cursor:pointer;
	background: url('../images/input_btn_bg.gif') repeat-x top left;
	border:1px solid #3a90c7;
	text-align: center;
	padding: 4px 0px 4px 0px;
	float: none;
	font-family:"Segoe UI",Arial,sans-serif;
    font-size:11px;
    font-weight:bold;
    color:#fff !important;
}

a.action-Draftbutton {
    position: relative;
    display: block;
    width: 50px;
    cursor: pointer;
    background: none;
    background-color: #FFC300;
    border: 1px solid #FFC300 !important;
    text-align: center;
    padding: 4px 0px 4px 0px;         
}
.action-Draftbutton .text {
    color: #000 !important;
    text-decoration: none !important;
}
.action-Draftbutton:hover {
    color: #000 !important;
    text-decoration: none !important;
}

a.action-button[disabled] {
    background: none !important;
    border-color: #CCC;
    cursor: default;
}

a.action-button[disabled] .text, a.action-link[disabled]
{
    color: #CCC;
}

a.action-button[disabled]:hover
{
    text-decoration: none;
}

.action-button .text
{
	float: none;
	font-family:"Segoe UI",Arial,sans-serif;
    font-size:11px;
    font-weight:bold;
    color:#fff;
}

.col1 .action-panel
{
	clear:both;
}

.related .action-panel
{
	margin-top:0px;
	padding: 6px 0px 0px 6px;
}


.action-list, .action-list li
{
	margin: 0px;
	padding:0px;
	list-style-type: none;
}

.action-list
{
	display:block;
}

.action-list li
{
	margin-top: 6px;
	padding-bottom:5px;
	border-bottom:1px dotted #666;
}

.action-list .last
{
	border-bottom:0px dotted #666;
}




.section
{
    float:left;
    margin-bottom:12px;
    position: relative;
    width:100% !important;
}
.slider
{
    float: left;
    height: 10px;
    margin: 2px 0 0 0;
    width: 150px;}

.sliderTxt
{
    background-color:#FFFFFF !important;
    border:0 none !important;
    color:#000000 !important;
    float:left !important;
    font-weight:bold !important;
    margin:0 0 0 10px !important;
    padding:0 !important;
    width:40px !important;
}


/* Slider Styles */
div.rslTrack
{
    background-image: url(../images/right-bar.gif) !important;
    bottom: 4px !important;
    height: 10px !important;
}
div.rslSelectedregion
{
    background-image: url(../images/left-bar .gif) !important;
    height: 10px !important;
}
a.rslDraghandle
{
    margin-top: -5px !important;    
}

.RadEditor{float: left;}

.RedSliderTrack .rslSelectedregion
    {
        background:  url(../images/RedSliderTrack.GIF) !important;
    }
    .RedSliderTrack .rslTrack
    {
        background:  url(../images/right-bar-adminsetting.GIF) !important;
    }
    .GreenSliderTrack .rslSelectedregion
    {
        background:  url(../images/GreenSliderTrack.GIF) !important;
    }
    .GreenSliderTrack .rslTrack
    {
        background:  url(../images/right-bar-adminsetting.GIF) !important;
    }
    .YellowSliderTrack .rslSelectedregion
    {
        background:  url(../images/YellowSliderTrack.GIF) !important;
    }
    .YellowSliderTrack .rslTrack
    {
        background:  url(../images/right-bar-adminsetting.GIF) !important;
    }

/*
	Grid
*/

.grid-btn-export
{
	margin: 4px;
	float:right;
}

/* Steph asked to make the header of the grid transparent so I am removing the background and borders */
/* Tree/Detail Pane */

.RadSplitter_Default, .RadSplitter_Default .rspPane, .RadSplitter_Default .rspResizeBar, .RadSplitter_Default .rspSlideContainerResize, .RadSplitter_Default .rspPaneHorizontal, .RadSplitter_Default .rspResizeBarHorizontal, .RadSplitter_Default .rspSlideContainerResizeHorizontal
{
    border: none !important;
}

.RadSplitter_Default .rspResizeBar, .RadSplitter_Default .rspSlideContainerResize
{
    border-right-color: #CCC !important;
}
.RadSplitter h2
{
    margin-top: 15px;
}



/* Cganging style to .RadGrid_Office2010Silver  */


 .RadGridClassRowCommon .rgEditRow td
        {
            border-left: 1px solid #d0d7e5 !important;
            padding: 0px !important;
            margin: 0px !important;
        }
.RadGrid_Office2010Silver.RadGridCommandRow .rgCommandRow a
        {
            color :#0E7ABE !important;
        }
.RadGrid_Office2010Silver .rgCommandRow
{
    background: none !important;
}
.RadGrid_Office2010Silver .rgCommandRow a
{
    color: #000 !important;
}
.RadGrid_Office2010Silver .rgCommandCell
{
    border-width: 0 0 0 0 !important;
    color: #000 !important;
}
.RadGrid_Office2010Silver .rgCommandTable
{
    border-width: 0 !important;
}
.RadGrid_Office2010Silver
{
    background-color: transparent !important;
    border: none !important;
}
.RadGrid_Office2010Silver .rgRow
{
    background-color: #FFF !important;
}

.RadGrid_Office2010Silver .rgRow td, .RadGrid_Office2010Silver .rgAltRow td
{
     border-color: #fff #fff #fff #ededed !important;
}
.RadGrid_Office2010Silver .rgRow a, .RadGrid_Office2010Silver .rgRow a:visited, .RadGrid_Office2010Silver .rgRow a:link, .RadGrid_Office2010Silver .rgAltRow a, .RadGrid_Office2010Silver .rgAltRow a:visited, .RadGrid_Office2010Silver .rgAltRow a:link
{
    text-decoration: underline !important;
    color:#06c;
}

.RadGrid_Office2010Silver .rgAltRow
{
    background-color: #fff !important;
}

.RadGrid_Office2010Silver .rgExpCSV
{
    background-position: 0 0 !important;
}

/* Tree/Detail Pane */

.RadSplitter_Default, .RadSplitter_Default .rspPane, .RadSplitter_Default .rspResizeBar, .RadSplitter_Default .rspSlideContainerResize, .RadSplitter_Default .rspPaneHorizontal, .RadSplitter_Default .rspResizeBarHorizontal, .RadSplitter_Default .rspSlideContainerResizeHorizontal
{
    border: none !important;
}

}

/* Tree/Detail Pane */

.RadSplitter_Default, .RadSplitter_Default .rspPane, 
.RadSplitter_Default .rspResizeBar, .RadSplitter_Default .rspSlideContainerResize, 
.RadSplitter_Default .rspPaneHorizontal, .RadSplitter_Default .rspResizeBarHorizontal, 
.RadSplitter_Default .rspSlideContainerResizeHorizontal 
{ border: none !important;
  }

.RadSplitter_Default .rspResizeBar, .RadSplitter_Default .rspSlideContainerResize { border-right-color: #CCC !important; }
.RadSplitter h2 { margin-top: 15px; }




/*
	ComboSelector
*/

.combo-selector
{
    float: left;
    width:auto;
}

.combo-selector ul.list, .combo-selector li.item
{
	list-style: none;
}

.combo-selector ul.list
{
    background-color: #fff;
    margin: 0px;
    padding: 5px;
    border: 1px solid #999;
}
.NoBorders
{
    border: 0px;
}

.combo-selector .list .item
{
	font-size: 12px;
	color: #333;
	/*
	border: 1px solid #DDDDDD;
	background-color: #eee;
	margin: 3px 0px 3px 0px; */
	border-bottom: 1px solid #DDDDDD;
	padding: 4px 0px 4px 5px;
}

.combo-selector .list .last
{
	margin-top:0px;
	border-bottom: 0px;
}

.combo-selector .list .last
{
	margin-bottom:0px;
}

.combo-selector .list .item span
{
	float: none;
	clear: none;
}

.combo-selector .list .item .item-btn
{
	float: right;
}



/*
	OptimaDialog
*/

.RadWindow .rwIcon {   
    display: none!important;   
} 


/*
	Info Bubble
*/
div.section.grid .helpBubble
{
    position: absolute;
    top: 0px;
}
.helpBubble
{
    cursor:pointer;
    float: left;
    margin: 0 0 0 5px;
}
.bubble
{
    position:absolute;
    top:0px;
    left:0px;
    border:1px solid #ccc;
}

.bubble .content
{
    padding:10px;
    border:1px solid #fff;
    background:#efefef;
    overflow: auto;
}

.rtWrapperContent
{
    padding:20px !important;
}
.parent_div_1{
    width:100%;        
    margin-right:10px;
    float:left;
}
.child_div_1{
    float:left;
    margin-right:5px;
}
.child_div_2{
    float:left;
    margin-right:5px;
    padding-top:15px;
    color:#3688CC;
    font-weight:bold;
    font-size:14px;
}
.child_div_3{
    float:left;
    margin-right:5px;
    padding-top:16px;
    color:#3688CC;
    font-weight:bold;
    font-size:14px;
}
.rcorners
{
    border-radius: 25px;
    background: #F2F2F2;
    width: 100%;
    height: 20%;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/*
    Calculated KPI pop up window border change Dt: 18 Sep-2019 - starts
*/
.RadWindow .rwTable {
    background: #fff;
    border: 1px solid #666;
    box-shadow: 0px 0px 4px 1px #777;
}
.RadWindow_Office2010Silver .rwBodyLeft,.RadWindow_Office2010Silver .rwBodyRight, .RadWindow_Office2010Silver .rwFooterLeft, .RadWindow_Office2010Silver .rwFooterRight, .RadWindow_Office2010Silver .rwFooterCenter,
.RadWindow_Office2010Silver .rwTopLeft, .RadWindow_Office2010Silver .rwTopRight, .RadWindow_Office2010Silver .rwTitlebar,
.RadWindow_Office2010Silver .rwTopResize {
    background-image:none !important;
}
/*
    Calculated KPI pop up window border change Dt: 18 Sep-2019 - ends
*/

.RadWindow .rwTitleRow em {
    display:none !important;
}

.buttonNew {
    position: relative;
    display: inline-block;
    cursor: pointer;
    background: url('../images/input_btn_bg.gif') repeat-x top left;
    border: 1px solid #3a90c7;
    text-align: center;
    padding: 4px 10px 4px 10px;
    float: none;
    font-family: "Segoe UI",Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #fff !important;
}


.blueHeading {
    color: #3A90C7;
    font-size: 18px;
}

.awesome-exclamation-circle:before {
    content: "\f06a";
    font-family: 'FontAwesome';
    font-size: 14px;
    color: #3A90C7;
    font-weight: 900;
    position: absolute;
}

.awesome-exclamation-circle-white:before {
    content: "\f06a";
    font-family: 'FontAwesome';
    font-size: 14px;
    color: #ffffff;
    font-weight: 900;
    position: absolute;
    margin-left:10px;
}

.dashboardMatrix.a {
    text-decoration: none;
}

.dashboardMatrix.a:hover {
    text-decoration: underline;
}

a {
    color: #0e7abe;
    text-decoration: none;
}

    a:hover, a:active {
        color: #3688cc;
        text-decoration: underline;
    }

.kpiWidgetGridMontlyWeekly a.widgetKPIName, .kpiWidgetGridMontlyWeekly a.widgetKPIName:visited, .kpiWidgetGridMontlyWeekly a.widgetKPIName:link {
    text-decoration: none !important;
    color: #333 !important;
    font-size: 13px !important;
    font-weight: bold;
}

.kpiWidgetGridMontlyWeekly a.widgetKPIName, .kpiWidgetGridMontlyWeekly a.widgetKPIName:hover {
    text-decoration: none !important;
    color: #0e7abe !important;
    cursor: pointer !important;
}

    .kpiWidgetGridMontlyWeekly .widgetKPINamelbl {
        text-decoration: none !important;
        color: #333 !important;
        font-size: 13px !important;
        font-weight: bold;
    }
.raddbutton {
    border-color: #b3b3b3;
    color: #333;
    background-color: #e6e6e6;
    background-image: linear-gradient(white,#e6e6e6);
    border-radius: 4px !important;
    padding: 4px 10px;
    min-width: 64px;
    border-width: 1px;
    border-style: solid;
    position: relative;
    user-select: none;
    font: inherit;
    line-height: 1.42857143;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    outline: 0;
}
    .raddbutton:hover {
        border-color: darkgray;
        color: #000;
        background-color: #c2c2c2;
        background-image: linear-gradient(gainsboro,#c2c2c2);
        border-radius: 4px;
    }

/**
* Multi column selction control css starts
**/

.RadButton_Default.rbButton, .RadButton_Default.rbButton.rbDisabled, .RadButton_Default .rbSplitPart {
    border-color: none !important;
    /*color: #333;*/
    background: none transparent !important;
    border: 1px solid transparent !important;
    background-image: none !important;
}

    .RadButton_Default.rbButton:hover, .RadButton_Default.rbButton.rbHovered .rbSplitPart {
        border-color: #cecece !important;
        color: #000 !important;
        background-color: #e7e7e7 !important;
    }

.SetLinkedGoalPosition .popupSave, .SetLinkedKPIPosition .popupSave, .SetAlignedEventPosition .popupSave {
    background: #43AA4A !important;
    color: #fff !important;
}

    .SetLinkedGoalPosition .popupSave:hover, .SetLinkedKPIPosition .popupSave:hover, .SetAlignedEventPosition .popupSave:hover {
        background: #05A310 !important;
        color: #fff !important;
        border: 1px solid transparent !important;
    }

.SetLinkedGoalPosition .popupCancel, .SetLinkedKPIPosition .popupCancel, .SetAlignedEventPosition .popupCancel {
    background: #3a90c7 !important;
    color: #fff !important;
}

    .SetLinkedGoalPosition .popupCancel:hover, .SetLinkedKPIPosition .popupCancel:hover, .SetAlignedEventPosition .popupCancel:hover {
        background: #1572ad !important;
        color: #fff !important;
        border: 1px solid transparent !important;
    }
/**
* Multi column selction control css ends
**/