/* Common classes  ---- BEGIN*/
/*the basics, and works for FF*/
a.text, a.text:hover, a.text:link, a.text:visited
{
    text-decoration:none;
    color:Black;
    font-style:normal;
    font-weight:normal;
}
.faded {
    position: absolute;
    z-index: 1000; /*because some of telerik controls have z-index 500*/
    margin: 0px 0px 0px 0px;
    padding: 0px;
    width: 100%;
    clear: none;
    top: 0px;
    left: 0px;
    height: 2000px;
    background-color: #C9C9C9;
    opacity: .7;
}

.dialogFade
{
    background-color: #C9C9C9;
    opacity: .7;
    z-index: 10001;
    height: 100% !important;
    width: 100% !important;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    clear: none;
    position: fixed;
}

.windowPopupFade
{
    background-color: #C9C9C9;
    opacity: .7;
    z-index: 2900;
    height: 100% !important;
    width: 100% !important;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    clear: none;
    position: fixed;
}

.windowPopupFadeWheel {
    background-color: #C9C9C9;
    opacity: .7;
    z-index: 10000;
    height: 100% !important;
    width: 100% !important;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    clear: none;
    position: fixed;
    background-image: url('../images/wheel.gif');
    background-repeat: no-repeat;
    background-position: center;
}

.windowSpinningWheel
{
    background-color: white;
    opacity: .6;  
    z-index: 10000;
    height: 100% !important;
    width: 100% !important;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    clear: none;
    position: fixed;
    background-image: url('../images/wheel.gif');    
    background-repeat: no-repeat;
    background-position: center;
}  

.reportSample
{
    background: url('../images/ReportSample.png') no-repeat center;    
}

.mostfaded
{
    position: absolute;
    z-index: 5001; /*because some of telerik controls have z-index 500*/
    margin: 0px 0px 0px 0px;
    padding: 0px;
    width: 100%;
    clear: none;
    top: 0px;
    left: 0px;
    height: 2000px;
}
div#loginstatus_container
{
    position: absolute;
    top: 20px;
    right: 80px;
    z-index: 2001;
}
#LoadingDiv
{
    margin: 0px 0px 0px 0px;
    position: absolute;
    z-index: 9999;
    padding: 0px;
    width: 100%;
    clear: none;
    top: 0px;
    left: 0px;
    height: 100%;
}

#LoadingDiv img
{
    width: 100%;
    height: 100%;
}

body, select, input, textarea
{
    /*overflow-x: hidden;*/
   font-family: Segoe UI, 'Open Sans',Arial,Helvetica,sans-serif;
}

body#modalbody {
    overflow: hidden;
    background-color: #F2F2F2 !important;
}

.disabled span
{
    color: #989898 !important;
}
.error
{
    height: 10px;
    position: relative;
    top: -0px;
    left: -0px;
    /*float: right;*/ /*this may called obsolete*/
}

input.button
{
    vertical-align: middle;
    height: 22px;
    width: 25px;
    border: 1px solid gray;
    margin: 0px;
    padding: 0px;
}

input.searchInput
{    
    margin: 0px 2px 0px 0px; 
    float: left;
}

input.generalButton
{    
    margin: 0px;     
}


.listtable
{
    width: 300px;
    padding: 0px;
    border-bottom: 1px solid Gray;
    border-left: 1px solid Gray;
}
.listhead
{
    font-weight: bold;
    border-right: 1px solid Gray;
}
td
{
    vertical-align: middle;
    /*height: 16px;*/ /*rad editor works incorrect after deleting text. Free spaces appear*/
}
.listrow
{
    vertical-align: middle;
}
.listItem
{
    border-right: 1px solid Gray;
    border-top: 1px solid Gray;
    padding: 2px;
}
a
{
    cursor: pointer;
}

/* Common classes  ---- END*/

/* Paddings */
div.left
{
    padding: 0px 0px 0px 0px;
    overflow-x: auto;
    overflow-y: hidden;
}
div.body
{
    padding: 0px 0px 0px 0px;
    overflow-x: auto;
    overflow-y: hidden;
}
div.right
{
    padding: 0px 0px 0px 0px;
    overflow-x: auto;
    overflow-y: hidden;
}

/*
	Columns Selectors
*/
#wrapper
{
    width: 100%;
}

.column_container
{
    width: 100%;
    overflow: hidden;
    vertical-align: top;
    box-sizing:border-box;
}

.itemcolumn
{
    float: left;
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    vertical-align: top;
    padding: 0px;
}

.column_right
{
    float: left;
    width: 250px;
    margin-left: -250px;
    height: 100%; /*overflow-x:auto;*/
}

.column_single
{
    width: 25%;
    float: left; /*height:100%;*/
    margin: 0px;
    vertical-align: top;
}
.column_double
{
    width: 50%;
    float: left;
    height: 100%;
    margin: 0px;
    vertical-align: top;
}
.column_triple
{
    width: 75%;
    margin: 0px;
    float: left;
    vertical-align: top;
}
.column_empty
{
    height: 1em;
}
.clear
{
    clear: both;
}
.bgbutton
{
    width: 18px;
    height: 18px;
}
.padding div /*it should be deleted.. it's potential bug*/
{
    padding: 5px 5px 5px 5px;
}

.itemcolumn img
{
    width: 18px;
    height: 18px;
}
.input
{
    width: 150px;
}
.detail
{
    font-size: 10px;
    float: left;
}


/* Disable horizontal scroll in radgrid*/
.dropZoneHover 
{
    border: 3px dashed #C8C8CB !important;
    opacity: 0.5 !important;
}

.rgDataDiv
{
    overflow-y: auto;
    overflow-x: hidden !important;
}
.reModule
{
    display: none;
}
.rgDataDiv
{
    height: 240px;
}

.reToolZone
{
    font-size:13px;
}


.rade_toolbar.Default .InsertImage
{
    background-position: -2164px center;
}

/* Web part designer  ----   BEGIN */
/*.design { width: 600px; white-space:nowrap; vertical-align:middle; }*/
.wpwebpart
{
    overflow:auto;
    clear:both;
}

.design_wp
{
    border: 1px solid #000000;
    padding: 10px; /*font-size:10px;*/
}
div#design_preview
{
    /*border: 0px solid #000000;*/
}
.design_wp a, .design_wp a:hover, .design_wp a:visited, .design_wp a.link, .design_wp a.hover, .design_wp a.visited
{
    color: #3B3B3B;
    text-decoration: none;
    font-weight:normal;
    font-style:normal;
}
a.highlighted
{
    background-color: Yellow;
}
.design_wpheader
{
    border: 1px solid #000000;
    padding: 5px;
    margin-bottom: 5px;
}
.design_wpcontent, .design_wmcontent
{
    border: 1px solid #000000;
    padding: 5px;
}
.design_wpoddrow
{
    /*background-color: #333333;*/
}
.design_wpevenrow
{
    /*background-color: #3C3C3C;*/
}

.design_height, .design_width
{
    padding:2px 0px 2px 0px;
}

/*Area Side*/
td.side_name, td.side_width, td.side_style, td.side_color
{
    white-space: nowrap;
}
.side_name
{
    width: 100px;
    text-align: left;
}
.side_width
{
    width: 110px;
    text-align: left;
}
.side_style
{
    width: 120px;
    text-align: left;
}
.side_color
{
    width: 80px;
    text-align: left;
}
.side_space
{
    width: 20px;
}
.side_border_width
{
    width: 400px;
    border-bottom: 3px solid #000000;
}
.side_header_text
{
    border-bottom: 3px solid #000000;
    font-size: 18px;
    font-weight: bold; /*text-decoration:underline;*/
}

.design_rowedit, .design_bgcolor, .design_background
{
    width: 880px;
}
.design_rowedit, .design_rowedit>tbody>tr>td, .design_bgcolor>tbody>tr>td, .design_background>tbody>tr>td, .design_shadow>tbody>tr>td
{
    vertical-align: middle;
    height: 16px;
    padding: 2px;
}
/* Web part designer  ----   END */

.design_preview, .design_preview div, .design_preview span
{
    border-style: solid;
    border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
}

/*padfix*/
div.padfix
{
    padding: 0px !important;
    margin: 0px !important;
    border: 0px !important;
}

.design_wptransparency
{
    padding: 0px;
    background: url('../images/transparency.png') repeat top left;
    border: 1px;
}

.design_wptransparency div
{
    /*overflow-x: auto;    
    overflow: hidden;    */
}

/* separator for RadComboBox */
.rcbSeparator
{
    background: #C6C7D6 !important;
    height: 1px !important;
    min-height: 1px !important;
    padding: 0px !important;
    margin: 0px !important;
}

/*width layout labels*/
.column_label_1
{
    width: 120px;
    text-align: left;
    vertical-align: middle;
    height: 22px;
}
#detailPopup, #detailPopup div, #detailPopup div span
{
    vertical-align: middle;
}
#detailPopup table td
{
    white-space: nowrap;
}


.wpevenrow, .wpoddrow, .wpheader, .wpheader
{
    display: block;
    overflow: hidden;
}


.riDisabled, .rcbDisabled
{
    opacity: 0.3;
}

input[disabled]
{
    /*border: 1px solid #999;
    background-color: #ddd;*/
    opacity: .4;
}

input.textbox {
    border: 1px solid #B8B8B8;
    padding: 2px 1px 3px 1px;
    background-color: #FFFFFF;
    height: 21px;
    box-sizing: border-box;
    /*font:inherit;*/
}

input.disabledTextbox
{
    border: 1px solid #B8B8B8;
    padding: 2px 1px 3px 1px;
    background-color: #DADADA;
    height: 15px;
    /*font:inherit;*/
}

textarea.textbox, textarea {
    border: 1px solid #B8B8B8;
    padding: 2px 1px 3px 1px;
    background-color: #FFFFFF;
    white-space: pre-wrap;
    /*font:inherit;*/ /*shouldn't be there as inherit set font-size 11px while simple textbox has 12px*/
}

    textarea.disabledTextbox, textarea {
        border: 1px solid #B8B8B8;
        padding: 2px 1px 3px 1px;
        background-color: #FFFFFF;
        white-space: pre-wrap;
        /*font:inherit;*/
        background-color: #DADADA;
    }

a.webmenulink div.hideonhover, a.webmenulink div.design_wmnormalitem_preview
{
    display: block;
}

a.webmenulink div.showonhover, a.webmenulink div.design_wmhoveritem_preview
{
    display: none;
}

a.webmenulink:hover div.hideonhover, a.webmenulink:hover div.design_wmnormalitem_preview
{
    display: none;
}
a.webmenulink:hover div.showonhover, a.webmenulink:hover div.design_wmhoveritem_preview
{
    display: block;
}

a.disabledwebmenuitemlink
{
    cursor:default;    
}

a div.wmnormalitem, a div.wmactiveitem, a div.wmdisableditem, a div.wmhoveritem
{
    overflow: hidden;
    white-space:nowrap;
}

a.webmenulink, a.webmenulink:hover
{
    text-decoration: none;
}

/* DropDownList styling */
.dropDownListBasic
{    
    /* there should be borders like in input.textbox, but in Chrome css classes for <select> element don't work correctly */    
    border: 1px solid #B8B8B8;  
    min-height:18px;
}

.radComboBoxNative {
    /* there should be borders like in input.textbox, but in Chrome css classes for <select> element don't work correctly */
    /*border: 1px solid #B8B8B8;*/
    min-height: 22px;
    display: block !important;
    overflow: visible !important;
}

[disabled='disabled'].dropDownListBasic, [disabled='disabled'].radComboBoxNative {
    background-color: #E3E3E3;
}

[disabled='disabled'].dropDownListChrome
{    
    background-color: #E3E3E3;
}

.dropDownListChrome
{    
    /* there should be borders like in input.textbox, but in Chrome css classes for <select> element don't work correctly */
    border:none !important;    
    height: 20px;
    outline-offset: -1px;
    outline:1px solid #B8B8B8; 
}

.dropDownListChrome:focus
{    
    outline-offset: -1px;
    outline: 1px solid #B8B8B8;     
}

/* DocuNote Item explorer */
.tree_column
{
    width: 25%;
    float: left;       
    vertical-align: top;
}        

.grid_column
{
    width: 74.5%;
    float: right;    
    vertical-align: top;
    background-color: white;
}        

.grid_explorer .rgDataDiv
 {
    height: 444px !important;
 }
 
 .admin_grid .rgDataDiv
 {
         height: 240px !important ;
 }

 .RadGrid.explorerGrid {
    box-sizing: border-box;
}

.tree_column .RadTreeView {
    box-sizing: border-box;
}
 
 /* Likes user list repeater*/
 .repeater_row_item
 {   
     padding: 2px;  
     height: 49px;
     clear:both; 
 }
   
 .repeater_row_img
 {
    float:left;
    width: 50px;
 }
 
 .repeater_row_text
 {     
    text-align:left;
    margin-left: 60px;     
 }
 
 /*== Webcomment block ===*/
 .RadEditor
{
    overflow-y:hidden !important;
    /*overflow-y:scroll !important;*/
    min-width: inherit !important;
}
 
.webcomment
{
    margin:2px;
    padding:3px;
    border:1px solid #B8B8B8;
    /*margin-left: 60px;*/
    border-radius: 5px;
    background-color: White;
}

.new_comment .webcomment
{
    /*border:1px solid #BBBB77;
    background-color: #FFFFCC;*/
    border-color: black;
}

.webcomment_expander
{
    display: inline-block; 
    margin: 2px 2px 2px 46px;     
    padding: 3px;    
    border:1px solid #989898;
    /*margin-left: 60px;*/
    border-radius: 5px;
    background-color: White;
}

.webcomment_icon
{
    padding: 5px 10px 0 0px;
    width: 32px;
    vertical-align:top;
}

.webcomment_icon img
{
    display: block;
}

.posted {
    font-size: 11px;
    font-style: italic;
    color: #989898;
    padding: 3px 0px 3px 0px;
}
.edited
{
    font-size:11px;
    font-style:italic;
    color: #840000;
    padding:3px 0px 3px 0px;
}

.subject
{
    font-size:16px;
    font-weight:bold;
}
.angle
{
    height: 0px;
    left: 37px;
    position: relative;
    top: -30px;
    width: 8px;
}
.comment_container
{
    padding-top:5px;
}
a img {border:0px;}

/* Fix a RadGrid multiple row selection UI bug for FireFox */
.RadGrid .rgRow,
.RadGrid .rgAltRow,
.explorerListPlaceHolder 
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.webCommentAttachment
{
  float:left;
  padding:0px 5px 0px 0px;
  font-size: 10px;
  text-shadow:none;
  font-style:normal;
  font-weight:normal;
  color:Black;
}

.commentImage
{    
    border-radius: 5px;
    width: 64px;
    height: 64px;     
    display: block;
}

.commentImageWrapper {
    float: left;
    background-color: white;
    border: 1px solid #B8B8B8;
    border-radius: 5px;
    box-shadow: 1px 1px 2px -1px #B8B8B8;
    margin: 2px;
    padding: 3px;
}

.documentTimestamp {
    float: right;
    position: relative;
    color: #989898;
    margin-right: 2px;
}

.documentFunctionalButton
{
    float: right; 
    position: absolute; 
    top: 0px; 
    right: -5000px;   
    padding: 2px;  
}

.commentFunctionalButton
{
    float: right;     
    top: 0px; 
    right: 0px; 
    position: absolute;      
    right: -5000px;   
    padding: 2px;  
}

/* DocumentListWebPart BEGIN */
.documentListOptions
{
    float: right;         
    color: #989898;    
    position: absolute;
    right: -5000px;
    white-space: nowrap;
}

.streamsOptions
{
    float: right;         
    color: #989898;    
    position: absolute;
    right: -5000px;
    width: 30px;
}

.marginLeft
{   
    margin-left:2px;
}

.documentListOptionsWrapper
{
    float: right; 
    margin-right: 2px;
    position: relative;
    min-height: 20px; 
    box-sizing: border-box;
}

a.documentOptionsButton:hover 
{
    border: 1px solid transparent;
    box-shadow: 0px 0px 0px 1px #999999;
    border-radius: 3px;
}

a.documentOptionsButton 
{
    border: 1px solid transparent;
    border-radius: 3px;
}

a.documentOptionsButton:active
{
    border: 1px solid transparent;
    box-shadow: 0px 0px 0px 1px #222222;
    border-radius: 3px;
}

.searchResultsCloseButton
{
    float: right; 
    margin-right: 5px; 
    margin-top: 2px;
}
/* DocumentListWebPart END */

.commentButtonMargin
{
    margin-top: 3px;   
    cursor: pointer;   
    /*word-break:break-all;*/
    word-wrap:break-word;
}

.quickPostTextArea {
    border: 1px solid #989898;
    width: 100%;
    padding: 3px 4px 3px 2px; /* textArea fix */
    border-radius: 5px;
    font-family: inherit;
    font-size: inherit;
    color: #989898;
}
 
 .quickPostAreaWrapper
 {     
     padding: 5px 13px 5px 5px;
 }
 
 /*upload*/
.progress .bar {
    background-color: #989898;
    height: 8px;
    width: 0%;
    text-align: center;
    /*border:1px solid #444444;*/
}
.progress
{
    width:98px;
    min-width:98px;
    float:left;
    border:1px solid #666666;
    margin: 1px 0px 1px 0px;
    display: flex;
    display:-webkit-flex;
    align-items: center;
    height: 8px;
    align-self: center;
}
#SelectFileIEDivContainer, #progressDiv
{
    width:360px;
    top:50%;
    left:50%;
    position:absolute;
    z-index:20002;
    background-color: #F2F2F2;
    border: 1px solid #666666;
    border-radius: 5px 5px 5px 5px;
    padding:10px;
    vertical-align:middle;
    display:flex;
    display:-webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}

#SelectFileIEDivContainer
{
    height:50px;
    font-size:14px;
    line-height:1.2;
    margin:0px;
}

#progressDiv div.upload_row {
    display:flex;
    display:-webkit-flex;
    justify-content: space-between;
    align-items:center;
}

#SelectFileIEDiv
{
    
}

div.upload_row_left_column {
    display:flex;
    display:-webkit-flex;
    width: 100%;
    justify-content:left;
    align-items:center;
}

div.upload_file_name {
    padding-right: 10px;
    overflow:hidden;
    white-space:nowrap;
    max-width:200px;
    align-items:center;
    text-overflow: ellipsis;
    height: 20px;
    width:100%;
}

div.cancel_button_container
{
    display:flex;
    display:-webkit-flex;
    align-items:center;
    padding:1px 0px 0px 2px;
    min-width:12px;
    width:12px;
}

div.cancel_button_container img { cursor:pointer; width:12px; height:12px; }

/* Used on ProjectSpaceDetail.aspx */
.incorrectUrlLabel
{
    position: absolute;
    left: 0px;
    width: 100px;
    font-size: 9px;
}

.styleSheetDetailDiv
{
    float: left;    
    width: 120px;
    line-height: 22px;    
    margin: 3px 0px;
}

.styleSheetDetailDiv a, .styleSheetDetailDiv a:link {
    line-height: normal;
    text-shadow: 0px 0px 0px transparent;
    font-style: normal;
    text-decoration: none;
    font-weight: normal;
    color: #1639F5;
}

.styleSheetDetailDiv a:hover {
    font-style: normal;
    text-decoration: none;
    font-weight: normal;
    color: #001AA4;
}

.styleSheetDetailDiv a:visited {
    font-style: normal;
    text-decoration: none;
    font-weight: normal;
    color: #00147D;
}

.styleSheetDetailWideDiv
{
    float: left;    
    width: 160px;
    line-height: 26px;
}

.listStyleImagePicker
{
    float: left;    
    width: 200px;
    line-height: 20px;
}

.styleSheetDetailNarrowDiv
{
    float: left;    
    width: 80px;
    line-height: 26px;
}

.bmeValueDiv
{
    /*overflow:hidden;*/
    /*background-color: #FFFFFF;*/
    position:absolute;
    /*width:30px;*/
    /*height:26px;*/
    z-index:100;
}

.bmeTextBox
{
    width:22px;
}
.bmeDropDownList
{
    width:40px;
}

/* from jquery ui css */


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


.ui-spinner {
	position: relative;
	display: inline-block;
	/*overflow: hidden;*/
	padding: 0;
	vertical-align: middle;
}

/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
	border-left: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
	background-position: 16px 16px;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    border: 1px solid #000000;
}

.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
	/*margin-right: 22px;*/
}

.ui-spinner-button {
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
	display: none;
}

/* Spinner is on the right side */
.ui-spinner-input {
	margin-right: 16px;
}
.ui-spinner-button {
	right: 0;
	width: 16px;
	height: 50%;
}
.bmeValueDiv .validator
{
    left: 28px;
    position: absolute;
    top: 2px;
}

/* Spinner is on the left side */
.LeftSideSpinner .ui-spinner-input {
	margin-left: 20px;
}
.LeftSideSpinner .ui-spinner-button {
	left: 0;
	width: 16px;
	height: 50%;
}
.LeftSideSpinner .validator
{
    left: 45px;
    position: absolute;
    top: 2px;
}

/* Spinner is on the bottom side */
.BottomSideSpinner .ui-spinner-input {
	margin-bottom: 18px;
}
.BottomSideSpinner .ui-spinner-button {
	top: 0;
	width: 55%;
	height: 16px;
	margin-top:22px;
}

.BottomSideSpinner .ui-spinner .ui-icon {
    bottom: 0;
    margin-left: -8px;
    position: absolute;
    left: 50%;
}

.BottomSideSpinner .ui-spinner
{
    overflow:visible;
}

.BottomSideSpinner .ui-spinner-up {
    right: 0;
}
.BottomSideSpinner .ui-spinner-down {
    left: 0;
}

.BottomSideSpinner .validator
{
    left: 26px;
    position: absolute;
    top: 2px;
}

/* Spinner is on the top side */
.TopSideSpinner .ui-spinner-input {
	margin-top: 18px;
}
.TopSideSpinner .ui-spinner-button {
	top: 0;
	width: 55%;
	height: 16px;
}

.TopSideSpinner .ui-spinner .ui-icon {
    bottom: 0;
    margin-left: -8px;
    position: absolute;
    left: 50%;
}

.TopSideSpinner .ui-spinner
{
    overflow:visible;
}

.TopSideSpinner .ui-spinner-up {
    right: 0;
}
.TopSideSpinner .ui-spinner-down {
    left: 0;
}
.TopSideSpinner .validator
{
    left: 26px;
    position: absolute;
    top: 20px;
}

.colorTypePickerDiv {
    width: 40px;
    height: 20px;
    float: left;
    background-color: White;
    border: 1px solid #B8B8B8;
}


/* BME styling border style */
#BMEContainer div.RadComboBox .rcbInputCell .rcbInput
{
    padding-left: 30px;
}

#BMEContainer div.RadComboBox .rcbInputCell, .RadComboBox
{
    overflow:hidden;
    line-height:normal;
}

#BMEContainer div.RadComboBox .rcbArrowCellRight
{
    display:none !important;
}

#BMEContainer .RadComboBox_Default .rcbInputCell, .RadComboBox_Default .rcbArrowCell
{
    background-image: none;
}

#BMEContainer .RadComboBox table td.rcbInputCell
{
    padding:0px;
}

#BMEContainer div.RadComboBox table
{
    display: block;
}

#BMEContainer div.RadComboBox {
    border: 1px solid #B8B8B8;
}

.BoxModelOverlayDiv
{
    position:fixed;     
    z-index: 100;     
    display:none; 
    top: 0; 
    left: 0; 
    width: 100%;
    height: 100%;
    background-image: none;    
}

.ShadowPopUpManagerDiv
{ 
    position: absolute; 
    display:none; 
    z-index: 101;     
    background-color:white; 
    padding: 5px; 
    border:1px solid #979797;
}

/* BoxModelEditorBackgrounds.ascx : BEGIN */
 .backgroundsColumn
    {
        float: left;
        width: 15%; 
        line-height: 42px;       
    }
        
    .backgroundsWideColumn
    {
        float: left;
        width: 20%;     
        line-height: 40px;   
    }
      
    .backgroundsNarrowColumn
    {
        float: left;
        width: 13%; 
        line-height: 40px;       
    }
.backgroundsItemSeparator {
    border-bottom: solid 1px #B8B8B8;
    margin-bottom: 4px;
    padding-bottom: 2px;
    clear: both;
    width: 100%;
}

.backgroundsTextBox {
    border: 1px solid #B8B8B8;
    padding: 1px 1px 4px 1px;
    background-color: #FFFFFF;
    height: 15px;
    width: 40px;
}

.backgroundsDisabledInput {
    border: 1px solid #B8B8B8;
    padding: 1px 1px 4px 1px;
    height: 15px;
    width: 60px;
    background-color: #D3D3D3;
} 
     
     .imagePickerButton
     {
        vertical-align: baseline !important;
        padding: 0 0 1px !important;    
     }
     
     .backgoundButtons
    {
        float: left;
        width: 12%;
        line-height: 45px;
    }
     .backgoundPreview
    {
        float: left;
        width: 12%; 
        line-height: 40px;  
    }
    
    .backgroundsDiv
    {
        width:600px; 
        max-height: 120px;
        overflow:auto; 
    }
    
    .normalLineHeight
    {
        line-height:normal;        
    }
/* BoxModelEditorBackgrounds.ascx : END */
/* WebStyleSheetBackgroundsPreview.ascx : BEGIN */

.pageBackgroundsPreview {
    width: 100%;
    height: 300px;
    margin-left: 5px;
    border: solid 1px #B8B8B8;
}

.canvasBackgroundsPreview {
    width: 70%;
    height: 298px;
    margin: 0% 15%;
    border: solid 1px #B8B8B8;
}
/* WebStyleSheetBackgroundsPreview.ascx : END */

.floatLeft
{
    float: left;
    margin-top: 10px;
}

.boldFontWeight
{
  font-weight: bold;
}

#BMEContainer
{
    width:425px;
    float:left;
}

/*classes for clearing styling. Use in WebSite.aspx and in a few popup windows*/
.rwTable, .system, .reDropDownBody, .RadListBox, .RadComboBoxDropDown
{
    font-weight:normal;
    line-height:normal;
    font-style: normal;
    text-shadow: none;
    font-size: 100%;
    border:0px;
    background:none;
    text-decoration:none;
    padding:0px;
    margin:0px;
    box-shadow: none;
}

.notstyled, .notstyled ul, .notstyled ol, .notstyled li, .notstyled table, .notstyled tr, .notstyled td, reToolbarWrapper ul, reToolbarWrapper ol, reToolbarWrapper li
{
    color:black;
    font-weight:normal;
    font-style:normal;
    line-height:1.2;
    font-family: Segoe UI, 'Open Sans',Arial,Helvetica,sans-serif;
    text-decoration: none;
    text-shadow: none;
    font-size:11px;
    box-shadow: none;
}

.validator
{
    margin-left: 3px;
    z-index: 10;
    width:16px;
    height:16px;
}

.RadGrid_Default .lightGreen:not(.rgSelectedRow)
{
    background-color: #F3FBF3 !important;
}


.rgRow {
    background: none repeat scroll 0 0 #FFFFFF;
    white-space: normal !important;
}

div.DnwePopup
{
    border: 1px solid #222222;
    background-color:#FFFFFF;
    position:fixed;
    z-index:2002;
}

.checkbox_column
{
    width:25px;
    float:left;
}
.checkbox_text_column
{
    margin-left:25px;
    padding-top:2px;
    overflow:hidden;
}

div.gridGray
{
    display: block !important;
    color: #BBB;    
    max-height:30px;
    overflow:hidden;
}

div.gridTitle {
    max-height: 33px;
    overflow: hidden;
    color: #3B3B3B;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

div.gridGray a:link
{
    color: inherit;
    text-decoration: inherit !important;
    font-weight: inherit;
    font-style: inherit;
}

div.gridGray a:visited
{
    color: inherit;
    text-decoration: inherit !important;
    font-weight: inherit;
    font-style: inherit;
}

div.gridGray a:hover
{
    color: inherit;
    text-decoration: underline !important;
    font-weight: inherit;
    font-style: inherit;
}

.radFloadLeft, .customDatePhrasePicker
{
    float:left;
}

.customDatePhrasePicker .racTokenList
{
   height: 20px !important;       
}


div:not(.mfc_innercontrol)>.userPickerControl
{
    overflow-y: auto;
    overflow-x: hidden;
}

.iconWrapper
{
    float:left;
    margin-right:2px;
}

table.radio
{
    display:inline-table;
}

/*Custom confirm/popup BEGIN*/
.customPopup {
    display: none;
    position: fixed;
    top: 25%;
    font-size: 11px;
    background-color: #F2F2F2;
    z-index: 10002;
    overflow: auto;
    width: 320px;
    border-radius: 5px 5px 0px 0px;
    border: 1px solid #989898;
    text-align: center;
    padding-bottom: 5px;
    color:#3b3b3b;
}

.customWindowPopup
{
    display: none;
    position: fixed;
    top: 25%;    
    background-color: #FFFFFF;
    z-index: 2900;
    overflow: auto;        
    border-radius: 5px 5px 0px 0px;
    border: 1px solid #666666;   
}

.popupUl
{
    list-style: none !important;
    text-align: center !important;
    padding-left: 0px !important;
    margin: 0px !important;
    font-family: Segoe UI, 'Open Sans',Arial,Helvetica,sans-serif !important;
    font-size: 12px !important;
    -webkit-touch-callout: none !important;        
    -webkit-user-select: none !important;         /* Webkit */
    -moz-user-select: none !important;            /* Firefox */
    -ms-user-select: none !important;        
    user-select: none !important;        
    list-style-type: none !important;        
    text-decoration: none !important;        
    line-height: 1.2 !important;        
    text-shadow: none !important;        
    font-style: normal !important;        
    font-weight: normal !important;        
}

.popupUlLi {
    color: #3b3b3b;
    border: 1px solid #989898;
    display: flex;
    align-self: center;
    background-color: #FFFFFF;
    width: 150px;
    justify-content: center;
    padding: 3px;
    margin: 10px auto;
    cursor:pointer;
}
.popupUlLi.long {
    width: 200px;
}

.popupMessage {
    padding-top:15px;
}

.popupTitleDiv {
    background: #F2F2F2;
    padding: 5px;
    height: 14px;
    border-bottom: 1px solid #989898;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important; /* Webkit */
    -moz-user-select: none !important; /* Firefox */
    -ms-user-select: none !important;
    user-select: none !important;
    border-radius: 5px 5px 0px 0px;
    color: #3b3b3b;
    font-style: normal;
    line-height: 1.2;
    font-size: 12px;
}

.popupTitleDiv .xbutton {
    float: right;
}

.popupWindowMessage {
    background: #F2F2F2;
    padding: 7px 38px 7px 9px;
    height: 14px;
    border-bottom: 1px solid #989898;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important; /* Webkit */
    -moz-user-select: none !important; /* Firefox */
    -ms-user-select: none !important;
    user-select: none !important;
    border-radius: 5px 5px 0px 0px;
    color: #3b3b3b;
    font-style: normal;
    line-height: 1.2;
    font-size: 12px;
    font-family: Segoe UI, 'Open Sans',Arial,Helvetica,sans-serif;
}

.popupWindowMessage a
{
    position: absolute;
    top: 8px;
    right: 8px;
}

.popupHeadWrapper
{
    cursor:default;
    padding-bottom:1px;
}

.popupBodyWrapper
{
    padding:0px 1px 1px 1px;
}

iframe
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
}

.frameOverlay 
{
     height: 100%;
     width: 100%;
     background: transparent;
     position: absolute;
     top: 0;
     left: 0;
     display: none;
     z-index:3000;
}

/*Custom confirm END*/
Div#DiscussionDocumentPreview { min-height:50px; padding-left:5px; }
div#discussion_icon, div#discussion_title { float:left; }
div#discussion_icon { float: left; margin-right: -50px; width:50px; }
div#discussion_title {
    padding-top: 5px;
    justify-content: center;
    display: flex;
    width: 100%;
    box-sizing: border-box;
    font-size:16px;
}

a.plainTextLink, a:link.plainTextLink, a:visited.plainTextLink
{
    font-style: inherit;
    text-decoration: inherit;
    font-weight: inherit;
    color: inherit;
}

a:hover.plainTextLink
{
    font-style: inherit;
    text-decoration: underline;
    font-weight: inherit;
    color: inherit;
}
.highlightIfRequired
{
    box-shadow: 0 0 1px 1px #ff0000;        
    margin:1px;    
}

.reContentArea
{
    outline: none;  /* avoiding blue outline in Chrome for Telerik editors*/
}
a[disabled] {
   pointer-events: none;
   cursor: default;
}
video
{
    display:block;
}

.webCommentListDefault
{
    padding-left:49px;    
}

.webCommentListStandAlone
{
    padding: 0px 4px 0px 4px;
}

.webCommentTopLevelDiscussion
{
    padding: 20px 4px 0px 0px;
}

.webCommentTopLevelDocumentViewer
{
    padding: 20px 4px 0px 0px;
}

.webCommentTopLevelDefault
{
    margin: 20px 2px 0px -52px;
}

body > p:first-of-type, div > p:first-of-type
{
    margin-top:0px !important;
}

.webCommentAttachmentName
{
    float:left;
    padding-top:20px;
}

.grayColor
{
    color:#BBB !important;
}

.horizontal_scroll 
{
    overflow-x:auto !important;
}

/*contact picker preview popup styles*/
div.cpt_header
{
    font-weight: bold;
    white-space:nowrap;
}

div.cpt_body
{

}

div.cpt_icon
{
    float: left;
    width: 30px;
    margin-right: -30px;
    height: 100%; /*overflow-x:auto;*/
    text-align: center;
    vertical-align:top;
    padding-top: 10px;
}

div.cpt_info
{
    margin-left: 30px;
    vertical-align:top;
}

div.contact_popup_preview
{
    position:absolute;
    /*width: 150px;
    height: 120px;*/
    border: 1px solid #BBB;
    border-radius:5px;
    z-index:9999;
    background-color:white;
    left:100px;
    top:100px;
    padding:5px;
}

div#resend_button
{
    cursor:pointer;
}
div#validation_header
{

}
div#validation_container
{

}
div#validation_input
{
    white-space:nowrap;
}

span#validation_input_label
{
    padding:0px 5px 0px 0px;
}

/*
    Conversation control styles
    should be removed after task has been done
*/
div#ConversationCommandButtons { padding:2px; display:flex; display:-webkit-flex; flex-direction:row; -webkit-flex-direction:row; position:absolute; right:0px; top:-1000px; }

div#ConversationCommandButtons div.commandButton { border:1px solid grey; width:16px; height:16px; margin:0px 2px; cursor:pointer; background-size: contain; }

div.conversationList { position: relative; }

#ConversationEditor { width: 100%; min-height:50px; resize: none; box-sizing:border-box; overflow:hidden; background-color: #fff; }

div.ConversationItemContainer div.conversationItemContent { display:unset; }

div.ConversationItemContainer.beingEdited div.conversationItemContent { display:none; }

div.ConversationItemContainer { box-sizing:border-box; }

.RadGrid_Default .rgHeader, .RadGrid_Default th.rgResizeCol, .RadGrid_Default .rgHeaderWrapper {
    background: #F8F8F8 !important;
}

.RadGrid_Default .rgMasterTable .rgSelectedCell, .RadGrid_Default .rgSelectedRow {
    background: #CDE6F7 !important;
    color: inherit !important;
    border: none !important;
}

.RadGrid_Default .rgSelectedRow>td {
    border: none !important;
}

.RadGrid_Default .rgHeaderDiv {
    background: #F8F8F8 !important;
}

.SearchPanel select {
    height:21px;
}

div.yellow_frame.warning a {
    white-space: nowrap;
}

div.yellow_frame {
    padding: 5px;
    box-sizing: border-box;
    background-color: #fff7ad;
    border: 1px solid #ffa500;
    margin: 0px 5px 2px 5px;
    line-height: 1.2;
    font-size: 11px;
}

div.yellow_frame.warning {
    padding-left: 30px;
    background-image: url('../images/16X16/warning.png');
    background-position: 5px center;
    background-repeat: no-repeat;
}


.RadTreeView_Default {
    color: #3B3B3B !important;
}

.RadTreeView_Default .rtHover .rtIn {
    border-color: transparent !important;
    color: inherit !important;
    background-color: #F2F2F2 !important;
    background-image: none !important;
}

.RadTreeView_Default .rtSelected .rtIn {
    border: none !important;
    color: inherit !important;
    background-color: #CDE6F7 !important;
    background-image: none !important;
}

input[type=checkbox] {
    -webkit-appearance: none;
    background-color: white;
    border: 1px solid #898888;
    padding: 5px;
    border-radius: 0px;
    display: inline-block;
    position: relative;
    width:12px;
    height:12px;
    margin: 5px 5px 0px 0px;
}

input[type=checkbox]:checked {
    border: 1px solid #898888;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
    color: #3B3B3B;
    background-image: url(../images/16X16/tick.png);
}

input[type=button], input[type=submit], input[type=button]:visited, input[type=submit]:visited {
    border: 1px solid #888888;
    background-color: #FFFFFF;
    padding: 3px 5px;
    height: 25px;
    box-sizing: border-box;
    font-size: 11px;
}

input.button, input.input_file_button {
    height: 21px;
}

input[type=button]:hover, input[type=submit]:hover {
    border: 1px solid #888888;
    background-color: #FBF7F7;
    cursor: pointer;
}

input[type=button]:active, input[type=submit]:active {
    border: 1px solid #888888;
    background-color: #E7E5E5;
}

input[type=button][disabled], input[type=submit][disabled] {
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
    color: #828282;
}

#IDWTypeSelection table td {
    padding-bottom: 10px;
}

div.header_container {
    width: 100%;
    position:relative;
}

div.header_upload_button {
    align-items: center;
    justify-content: center;
    margin-right: 3px;
    position: absolute;
    top: 3px;
    right: 3px;
}

a.header_upload_link{
    display:flex;
}

div.header_content {
    display: flex;
    flex-grow: 1;
}

.RadMenu_Default .rmGroup a.rmLink:hover, .RadMenu_Default .rmGroup a.rmExpanded {
    border-color: #888888 !important;
    color: inherit !important;
    background-color: #CDE6F7 !important;
    background-image: none !important;
}

.RadMenu_Default .rmGroup a.rmFocused, .RadMenu_Default .rmGroup a.rmSelected {
    border-color: #888888 !important;
    color: inherit !important;
    background-color: #CDE6F7 !important;
    background-image: none !important;
}

.RadMenu_Default .rmRootGroup, .RadMenu_Default .rmGroup .rmText, .RadMenu_Default .rmVertical .rmText, .RadMenu_Default .rmLeftArrow, .RadMenu_Default .rmRightArrow, .RadMenu_Default .rmIcon {
    border-color: transparent !important;
    color: inherit !important;
    background-color: transparent !important;
    background-image: none !important;
}

.RadMenu_Default .rmRootGroup .rmExpandRight, .RadMenu_Default .rmGroup .rmExpandDown, .RadMenu_Default_Context .rmGroup .rmExpandRight, .RadMenu_Default .rmRootGroup .rmItem a.rmDisabled .rmExpandRight, .RadMenu_Default .rmGroup .rmItem a.rmDisabled .rmExpandDown, .RadMenu_Default .rmRootGroup .rmItem a.rmDisabled:hover .rmExpandRight, .RadMenu_Default .rmGroup .rmItem a.rmDisabled:hover .rmExpandDown {
    background: url('../images/triangle.png') no-repeat !important;
    background-position: 100% !important;
}

.RadMenu ul.rmGroup {
    padding:0px 1px !important;
}

.itemselector .RadListBox_Default .rlbSelected,
.itemselector .RadListBox_Default .rlbHovered {
    background-color:transparent !important;
    color: inherit !important;
}

.itemselector .RadListBox_Default .rlbActive {
    background-color: #CDE6F7 !important;
    color: inherit !important;
}

.RadComboBoxDropDown .rcbScroll {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    white-space: nowrap !important;
}

.user_icon {
    clip-path: circle();
    border-radius: 50%;
}