/* Extracted from WebSite.aspx */
.draftblock {
    text-align: center;
    background-color: #fff7ad;
    border: 1px solid #ffa500;
    clear: both;
    padding: 7px;
    font-family: Segoe UI, 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 11px;
    z-index: 7002;
    opacity: 0.9;
    cursor: move;
}
        
.draftblock a, .draftblock a:link, .draftblock a:visited, .draftblock a:hover { text-decoration:none; }
        
.draftbutton { font-size:11px; margin-top: 8px;}
   
.fadedpreview
{
    background-color:transparent;
    opacity:.7;
    z-index:20001;
    margin: 0;
    padding: 0;
    position: absolute;
}
        
.zt_rows
{
    vertical-align:top;
    width:100%;
    height:100%;
}

.zt_columns
{
    vertical-align:top;
    height:100%;
    width:100%;
}

.zt_zone
{
    height:100%;
    width:100%;
}

.zt_columns div .zt_zone, .zt_columns div .zt_rows
{
    float:left;
    overflow: hidden;
}

.zt_rows > .zt_zone, .zt_rows > .zt_columns
{
    clear:left;
}

.zt_emptycolumns, .zt_emptycolumns .zt_zone
{
    max-height:0px;
}
 
div.menu_draggable .rmRootGroup
{
    border:0px !important;    
    background-color:transparent !important;
    background-image:none !important;
}

#dragHelper
{
    z-index:7001;
}

.loginFormLabel
{
    float: left;
    margin: 1px;    
    line-height: 26px;
}

.loginFormLabelWithWidth
{
    float: left;
    margin: 1px;
    width: 100px;
    line-height: 26px;
}

.loginFormTextBox
{
    float: left;
    margin: 1px;
    height: 26px;    
    line-height: 26px;
}

.loginInput
{
    width: 120px;
}

.clearBoth
{
    clear:both;
}
div#GlidingPanel, .glidingPanel
{
    border: 1px solid #222222;
    background-color:#FFFFFF;
    position:fixed;
    z-index:2002;
    transition: all 300ms linear;
    -webkit-transition:all 300ms linear;
    -moz-transition: all 300ms linear; /* Firefox 4 */
}

div#canvas_container
{
    padding:0px;
    margin:0px;
    width:100%;
    overflow:hidden;
}

.white_fading
{
    background-image: none !important;
    background-color: White !important;
    z-index:2001px;
    position:absolute;
}

div.outlinewebpart
{
    margin:10px 0px 10px 0px;
    padding:5px;
    border: 2px solid #000000;
    height:40px;
    cursor: move;
    background-color: White;
    border-radius: 3px;
    overflow: hidden;
}

.checkedOutDocument {
    padding: 10px;
    background-color: #FFF7AD;
    border: 1px solid #FFA500;
    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: 12px;
    cursor: pointer;
    margin-bottom: 2px;
    display: flex;
    align-items: center;
}

    .checkedOutDocument a {
        text-decoration: none !important;
        color: #154574 !important;
    }

    .checkedOutDocument img {
        margin-right: 10px;
         height: 12px; 
         width: 12px;
}
/*StreamsWebPart.ascx BEGIN
        .streamsColumn 
{
    width:20%; 
    float:left;
}

.wideStreamsColumn
{
    float: left; 
    width: 50%;
}
.shortStreamsColumn 
{
    width:10%; 
    float:left;
    text-align: center;
}

.discussionLink
{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.streamRowOptions
{    
    position: absolute; 
    left: -5000px;    
}
/*StreamsWebPart.ascx END*/

/*DocumentExplorerWebPart.ascx BEGIN*/
.unfocusedGridRow
{
    background-color: #D3E2F0;
    background-image: none;
}

.unfocusedGridAltRow
{
    background-color: #D3E2F0 !important;    
}

.RadTreeView_Default .unfocusedTreeNode .rtIn
{
    background-color: #D3E2F0;
    background-image: none;
}

.RadGrid_Default .rgRow td, .RadGrid_Default .rgAltRow td
{
    border-color: transparent !important;
}

.notViewedDocument td:first-child
{
    border-left: 5px solid #FF0 !important;
    padding-left: 2px !important;
}

.emailGroupName
{
    display: block;
    margin-left: -119px;     
}

tr.emailGroupNameRow td
{
    padding-top: 30px !important;
}

.emailToFrom
{
    color: #BBB;
}

.dropZoneText
{
    font-size : 42px;
    color : #656669;
    opacity : 0.4;
}

.grayColor
{
    color:#BBB !important;
}
.DragAndDropFileUploader
{
    position: fixed; 
    left: -5000px;    
}

.shortColumn 
{
  padding-left:0px !important;
}

.iconsColumn 
{
  padding-left:2px !important;
  padding-right:2px !important;
}

.iconColumn
{
    padding-left:4px !important;
}

.centeredColumn
{
    text-align:center !important;
}

.attachedDocument
{
    display:none !important;
}

.attachedDocumentColor
{
    background-color: #FFFFE0 !important;
}

.emailGroupDocument {
    display: none !important;
}

.titleTd
{
    white-space: normal;
}

.attachedTitle {
    padding-left: 35px !important;
}

.iconsTd
{
    float:left; 
    width:32px;
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.attachedIconVersion img
{
    margin-right:13px;
}


div.iconsTd div, div.titleTdDiv div {
    display: table-cell;
    vertical-align: middle;
}


.explorerImage, .explorerMedia
{
    float: left;
    margin: 6px;
    margin-right:8px;
    height: 115px;
    width: 100px;
}

.explorerVideo {
    background: url('../images/Media_Video_16x16.png') no-repeat top right !important;
}

.imageTitle, .imageTitleSelected, .mediaTitle, .mediaTitleSelected
{    
    overflow: hidden;    
    text-align:center;
    word-wrap: break-word;
    height: 32px;
    margin-top: 3px;
    font: normal 12px/16px "Segoe UI",Arial,Helvetica,sans-serif;
}

.videoTitle, .videoTitleSelected
{    
    overflow: hidden;    
    text-align:center;
    word-wrap: break-word;
    height: 32px;
    margin-top: 3px;
    font: normal 12px/16px "Segoe UI",Arial,Helvetica,sans-serif;
}

.explorerSlider
{
    float:left;
    margin:0px 5px;
}

.explorerListPlaceHolder
{
    background-color: white;
    border: 1px solid #A9A9A9;
    padding: 3px;
}

.ribbonText
{
    text-align:center;
    font-size: 11px;
    color: #3B3B3B; 
    font-family: Segoe UI, 'Open Sans',Arial,Helvetica,sans-serif;
    font-weight: normal;
}

.explorerImageDiv
{
    border: 1px solid black;
    height: 100px; 
    width:100px;
}

.explorerVideoDiv
{
    border: 1px solid black;
    height: 100px; 
    width:  100px;
    background-size: cover !important;
}

.explorerImageDivSelected, .explorerMediaDivSelected {
    border: 1px solid black;
    height: 100px;
    width: 100px;
    margin: auto;
}

.explorerVideoDivSelected
{
    border: 1px solid black;
    height: 100px; 
    width:100px;   
    margin:auto; 
    background-size: cover !important;
}

#PictureSliderIframe
{
    border: 1px solid #A9A9A9;
    background-color: white;
}

.explorerImageSelected
{
    float: left;
    margin: 0px;    
    height: 115px;
    width: 100px;    
    color: white;
    background: linear-gradient(#939393, #828282);
    padding: 5px;
    padding-right: 9px;
    border-radius:3px;
    border: 1px solid #6C6C6C;
}

.explorerVideoSelected
{
    float: left;
    margin: 0px;    
    height: 133px;
    width: 100px;    
    color: white;
    background: linear-gradient(#939393, #828282);
    padding: 5px;
    padding-right: 7px;
    border-radius:3px;
    border: 1px solid #6C6C6C;
}

.explorerImageSelectedIE9
{
    float: left;
    margin: 0px;    
    height: 115px;
    width: 100px;    
    color: white;
    background-color: #939393;
    padding: 5px;
    padding-right: 9px;
    border-radius:3px;
    border: 1px solid #6C6C6C;
}

.explorerVideoSelectedIE9
{
    float: left;
    margin: 0px;    
    height: 133px;
    width: 100px;    
    color: white;
    background-color: #939393;
    padding: 5px;
    padding-right: 7px;
    border-radius:3px;
    border: 1px solid #6C6C6C;
}

.explorerImageMediaFolder
{
    border: 1px solid transparent;
    height: 100px; 
    width:100px;
    background: url('../images/MediaFolder_32x32.png') no-repeat center center !important;    
}

.explorerImageMediaFolderEmpty
{
    border: 1px solid transparent;
    height: 100px; 
    width:100px;
    background: url('../images/MediaFolder_grey_32x32.png') no-repeat center center !important;    
}
 
.explorerUpLevel
{
    border: 1px solid transparent;
    height: 100px; 
    width:100px;
    background: url('../images/32X32/level_up.png') no-repeat center center !important;    
}

.RadSlider .rslDisabled, .RadSlider .rslDisabled a, .RadSlider .rslDisabled li 
{
    cursor: default !important;
}
div.hot_key_attributes 
{
    display: inline-block;
    text-align: right;
    max-width: 90px;
    min-width:50px;
    white-space:nowrap;
    /*float:right;*/
    opacity: .5;
    /*margin-right:-80px;*/
    padding-left:10px;
    position:absolute;
    right:0px;
}

div.hot_key_menuitem 
{
    white-space:nowrap;
    position: relative;
}

.RadMenu.Explorer_Context_Menu .rmItem .rmLink
{
    min-width: 230px !important;
}

ul.rcbList {
    font-size: 11px;
    font-family: Segoe UI, 'Open Sans',Arial,Helvetica,sans-serif;
}

.FormatsComboBox .rcbInner input {
    padding-left: 21px;
    color: black !important;
    background-color: white !important;
    height:17px;
    width:150px;    
}

.extraButtonsPanel .RadComboBox select {
    margin-bottom: 2px;
}

.FormatsComboBox span.rcbInner {
    background-color: white !important;
    background-image: none;
    border-radius: 0px !important;
    padding: 3px 2px 0px 4px;
    height: 21px;
    border-left: 0px !important;
    border-right: 0px !important;
    border-color: #7D7D7D !important;
}

.FormatsComboBox span.rcbFocused, .FormatsComboBox span.rcbHovered, .FormatsComboBox span.rcbFocused {
    background-color: white !important;
    background-image: none !important;
    border: 1px solid #676767;
    color: black;
}


/*Font for Explorer NOT IN USE*/
/*.RadTreeView_Default
{
    font-family: inherit !important;
}

.RadGrid_Default .rgMasterTable, .RadGrid_Default .rgDetailTable, .RadGrid_Default .rgGroupPanel table, .RadGrid_Default .rgCommandRow table, .RadGrid_Default .rgEditForm table, .RadGrid_Default .rgPager table 
{
    font-family: Verdana, Arial, Helvetica, Tahoma !important;
}*/
/*DocumentExplorerWebPart.ascx END*/
.webpart_editbutton_block
{
    float: right; 
    position: absolute; 
    top: 2px; 
    right: 2px;
    min-height:14px;
}
.contentwebpart_edit_wrapper
{
    position: relative;
    display:none;
    min-height:16px;
}

.streamRadEditor
{
    position: fixed;
    left: 5000px;
}

/* RadEditor */
.reToolbar 
{
    box-shadow: none !important;
}

.Metro .reToolbar li 
{
    background-color: #FFF !important;
}

.RadEditor .reContentArea 
{
    min-height: 21px !important;
    word-wrap: normal;
    word-break: break-word; 
    border-color: #B8B8B8 !important;
    box-sizing:border-box;
}

#WebCommentContainer
{
    overflow:hidden;
    position: fixed;
    right: -5000px;
}
/* RadEditor */

.hideScroll
{
    overflow: hidden;
}

/* ===== styles for video player webpart ===== */
.video_player_div
{
    text-align: center;
    padding:0px;
}

.video_player_div video
{
    background-color:black;
}

.video_player_filmstrip
{
    padding:0px;
    margin:0px;
    white-space: nowrap;
    width:2000px;
}
.video_player_filmstrip .video_item
{
    cursor: pointer;
    display:block;
    height: 65px;
    width: 65px;
    background: none;
    padding: 2px;
    border-radius: 2px;
    border: 1px solid transparent;
}
.video_player_filmstrip .video_item_selected
{
    cursor:default !important;    
    background: linear-gradient(#A5A4A4, #908E8E);
    border: 1px solid #6C6C6C;
}
.video_player_filmstrip_container
{
    max-height:76px;
    overflow:hidden;
    width:100%;
    position:relative;
}
.video_player_filmstrip_item
{
    border: 1px solid black;
    height: 63px;
    width: 63px;
    background-size: cover !important;
    margin:0px;
    padding:0px;
}
.video_item_container
{
    height: 70px;
    width: 70px;
    overflow:hidden;
    float:left;
    padding:1px;
}

/* BuiltIn search BEGIN */
.ExplorerBuiltInSearch
{
    margin: 0px 0px 4px 0px;
    float:left;
    width:100%;
    display:none;
    font-family: Segoe UI, 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 12px;
}

.DocumentFormatButtonsPanel > .rb_button_small
{
 clear: none !important;
 float: left;
}

.ExplorerBuiltInSearch > span
{
    float:right;
}

.ButtonsPanel
{
    width: 100%;
    float:right;    
    /*height: 22px;*/
    overflow: hidden;
}

.extraButtonsPanel
{
    float:right;   
    /*margin-top:3px;*/
}

.DocumentFormatButtonsPanel
{
    float:right;    
    height: 22px;
    overflow: hidden;
}

.GoBackFromSearchResults {    
    cursor: pointer;    
    position: relative;
    left: -25px;
}

#SearchResultsBar {
    float: left;
    display: none;
    position: absolute;
    left: 205px;
    top: 0px;
}

.SearchResultsLabel
{
    float:left;
    line-height:22px;
    margin-right:5px;
    font-size: 11px;
    font-family: Segoe UI, 'Open Sans',Arial,Helvetica,sans-serif;
    color: #3b3b3b;
    font-style: normal;
    font-weight: normal;
}

.BuiltInSearchBarButton {
    height: 24px !important;
    width: 24px;
    cursor: pointer;
    border: 1px solid #7D7D7D !important;    
}

.SearchButtonsBar
{
    float:right;
    /*height: 22px;*/
    width:100%;
}

.RadComboBox_Default .rcbActionButton {
    color: #333 !important;
}
span.rcbInner.rcbReadOnly.rcbExpanded {
    background-image: none;
}

.BuiltInSearchTextBox
{
    float:left;    
    display:flex !important;
    position: relative;
}

/*Set style to the built-in search wrapper span*/
.DocumentFormatButtonsPanel > span 
{
    float: left;
}

.BuiltInSearchBarButton img {    
    display: block;
    padding: 3px;
}

.BuiltInSearchTextBox > span > input.riTextBox {
    border-right: 0px !important;
    border-color: #7D7D7D !important;
    padding-bottom: 5px !important;
}

/* BuiltIn search END */

div.teaser_block
{
    max-height:74px;
    overflow-y:hidden;
}

div.maximize_block 
{
    /*position:absolute;*/
    max-width:30px;
    height:30px;
    vertical-align:middle;
    right:3px;
    top:3px;
    z-index:2001;
    float: right;
    margin-left: -20px;
    padding-right: 5px;
    padding-top: 5px;
}
div#maximize_button
{
    width:12px;
    height:12px;
    cursor:pointer;
    background-size:contain;
    opacity:.4
}
div#minimize_button 
{
    width:12px;
    height:12px;
    cursor:pointer;
    background-size:contain;
}

.RadMenu .rmGroup .rmText {
    padding-right: 6px !important;
}

.explorerGrid .rgDataDiv
{
  overflow-x: auto !important
}

/* Agenda webpart scripts BEGIN */
#AgendaTabsDiv, #AgendaGridDiv
{
    padding: 0px !important;
}

#AgendaTabsUl
{
    padding: 0px !important;
    border-bottom: 0px !important;
}

#AgendaTabsDiv.ui-tabs .ui-tabs-nav li.ui-tabs-active a
{
    font-weight:bold !important;       
}

#AgendaTabsDiv.ui-tabs .ui-tabs-nav li
{    
    font-family: Segoe UI, 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 16px;
}                                

/* Agenda webpart scripts END */


input[type=text]::-ms-clear {
    display: none;
}

.ColumnViewComboBox .rcbInner input {
    color: black !important;
    background-color: white !important;
    height: 17px;
    width: 150px;
    -moz-user-select:none !important;
    -ms-user-select:none !important;
    user-select:none !important;
}

.extraButtonsPanel .RadComboBox select {
    margin-bottom: 2px;
}

.ColumnViewComboBox span.rcbInner {
    background-color: white !important;
    background-image: none;
    border-radius: 0px !important;
    padding: 3px 2px 0px 4px;
    height: 21px;
    border-color: #7D7D7D !important;
}

.ColumnViewComboBox span.rcbFocused, .ColumnViewComboBox span.rcbHovered, .ColumnViewComboBox span.rcbFocused {
    background-color: white !important;
    background-image: none !important;
    border: 1px solid #676767;
    color: black;
}

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