@font-face {
    font-family: 'OpenSans';
    src: url('./fonts/OpenSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('./fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('./fonts/OpenSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

img.si-image[src*="dummy.gif"] {
    display: none;
}

div.Collapsable {
    display: none;
}
/** START: CUSTOM CREATED STYLES*/
.fill-dialog {
    height: 100%;
    width: 100%;
}

.ul-sorting-list, .ul-filter-list {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    text-align: left;
}
/** END: CUSTOM CREATED STYLES*/

/** START: SHAREPOINT RELATED STYLES */
/*Should be replaced by own files*/
.ms-selectitem-span {
    visibility: hidden;
    display: inline-block;
    height: 10px;
    width: 10px;
    position: relative;
    overflow: hidden;
}

.s4-itm-selected > .ms-vb-imgFirstCell.ms-vb-imgFirstCell {
    /*background-color:#0072c6;
 border-right-color:rgba( 156,206,240,0.5 );*/
    background-clip: padding-box;
    -webkit-background-clip: padding;
}

.s4-itm-selected .ms-selectitem-icon.ms-selectitem-icon {
    background-color: transparent;
    background: url("/_layouts/15/images/icons.png");
    background-position: -16px 0px;
}

.s4-itm-selected .ms-selectitem-span, .ms-vb-imgFirstCell:hover .ms-selectitem-span, .ms-vb-imgFirstCell:focus .ms-selectitem-span, .ms-itmHoverEnabled:hover .ms-selectitem-span {
    visibility: visible;
}

tr.ms-itmhover:hover input.s4-itm-cbx, tr.s4-itm-selected input.s4-itm-cbx {
    position: relative;
    top: 0px;
}

tr.ms-itmhover:hover {
    background: #f1faff;
    border: 1px solid #99ceef;
    border-top-style: double
}

tr.ms-itmhover.s4-itm-selected, tr.ms-itmhover.s4-itm-selected:hover {
    background: #e1f4ff;
    border: 1px solid #62b3e5;
    border-top-style: double
}

.ms-viewheadertr span.si-icon {
    background-position: 0px 0px;
    cursor: pointer;
}

.si-layout-grid-positioning .si-layout-grid-positioningcell.si-nowrap span.ms-vb {
    display: block;
    clear: both;
}
/** END: SHAREPOINT RELATED STYLES */

/*The following two styles were found in a lonely file called "si-styles.css" located in the Content folder... We should probably remove them later on. */

/* GenericView page header */
.si-page-header {
    display: inline-block;
    margin: 0;
}

/* TabControl */
.old-ms-Pivot-link a {
    color: inherit;
    text-decoration: none;
}

.old-ms-Dialog-main {
    max-width: 95%;
}


.si-context-menu {
    min-width: 180px;
    white-space: nowrap;
    outline:none;
}

.si-detail-view-menu {
    visibility: hidden !important;
}

.old-ms-ContextualMenu:hover {
    visibility: visible !important;
}

.si-debuginfo-div {
    display: inline;
}

table[id*='PlaceHolderMain_MainView_DescriptionCrtieriaOperatorControl_MainTable'].si-control-table,
table[id*='PlaceHolderMain_MainView_ContactSearchName_RoleControl_MainTable'].si-control-table {
    float: none;
}

/*.si-DropDownButtonControl .old-ms-Button {
    margin-right: 10px;
}*/

.tooltip {
    position: absolute;
    border: 2px solid darkgrey;
    display: none;
    background-color: gainsboro;
    margin: 4px;
    z-index: 12;
    width: 600px;
    white-space: normal;
    padding: 5px;
}

.si-dialog #breadcrumbRow, .si-dialog .breadcrumb-area {
    display: none;
}

#auto-complete {
    display: none;
}

.si-pagetitle-ellipsis {
    max-width: 60vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (min-width: 1500px) {
    .si-pagetitle-ellipsis {
        max-width: 75vw;
    }
}
/* START: CSS Merge of svg files from 360*/
/* svg file icon */
img[src*="fileimages/listicon"] {
    width: 16px;
    height: 16px;
}
/* Uncomment if required.
img.si-search-icon {
	margin-right: 10px;
	margin-top: 2px;
    height: 32px;
    width: 32px;
}*/

/* END: CSS Merge of svg files from 360*/

/*.old-ms-CommandButton {
    position: initial;
}*/

.old-ms-CommandButton-button, .old-ms-CommandButton-splitIcon {
    padding: 6px 12px;
    background: #eee;
    border: 1px solid #ccc;
    border-radius: 6px;
    height: 34px;
}

    .old-ms-CommandButton-button:hover,
    .old-ms-CommandButton-button:focus {
        background: #62B3E5;
        border: 1px solid #62B3E5;
    }

    .old-ms-CommandButton-button:active {
        background: #0E76B7;
        border: 1px solid #0E76B7;
    }

        .old-ms-CommandButton-button:hover .old-ms-CommandButton-label,
        .old-ms-CommandButton-button:focus .old-ms-CommandButton-label,
        .old-ms-CommandButton-button:active .old-ms-CommandButton-label,
        .old-ms-CommandButton-button:hover .old-ms-CommandButton-dropdownIcon,
        .old-ms-CommandButton-button:focus .old-ms-CommandButton-dropdownIcon {
            color: #fff;
        }

    .old-ms-CommandButton-button[disabled="true"] {
        background-color: #f8f8f8;
        border-color: #eeeeee;
        cursor: not-allowed;
    }

        .old-ms-CommandButton-button[disabled="true"] .old-ms-CommandButton-label,
        .old-ms-CommandButton-button[disabled="true"] .old-ms-CommandButton-dropdownIcon,
        .old-ms-CommandButton-button[disabled="true"]:hover .old-ms-CommandButton-dropdownIcon {
            color: #999999;
        }

/* Entity Simplified view action buttons*/
.SimpleDetailContainer .old-ms-CommandButton-button {
    background: #FFF;
}

    .SimpleDetailContainer .old-ms-CommandButton-button:hover,
    .SimpleDetailContainer .old-ms-CommandButton-button:focus {
        background-color: #62B3E5;
        border: 1px solid #62B3E5;
    }
/*.SimpleDetailContainer .old-ms-CommandButton-button .old-ms-CommandButton-label,
.SimpleDetailContainer .old-ms-CommandButton-button .old-ms-CommandButton-dropdownIcon,
.SimpleDetailContainer .old-ms-CommandButton-button:hover .old-ms-CommandButton-label,
.SimpleDetailContainer .old-ms-CommandButton-button:focus .old-ms-CommandButton-label,
.SimpleDetailContainer .old-ms-CommandButton-button:hover .old-ms-CommandButton-dropdownIcon,
.SimpleDetailContainer .old-ms-CommandButton-button:focus .old-ms-CommandButton-dropdownIcon {
    color: #0E76B7;
    text-indent: 0px;
}*/

.old-ms-CommandButton-button:focus:before {
    border: none;
}

.old-ms-CommandButton-splitIcon:focus::before {
    border: none;
}

.old-ms-CommandButton-dropdownIcon .ms-Icon, .old-ms-CommandButton-splitIcon .ms-Icon {
    padding-top: 0px;
    top: 5px;
    position: absolute;
    right: 0px;
}

table {
    outline: none;
}

a.disabled {
    pointer-events: none;
    cursor: default;
}

.old-ms-CommandBar-sideCommands {
    padding: 0px;
    display: flex;
    align-items: center;
}

/*.old-ms-CommandBar.si-toolbar .old-ms-CommandBar-sideCommands > *{
    padding-left: 8px;
}*/

#AdminDetailsViewHeaderSection {
    display: flex;
}

.is-active.old-ms-SearchBox .old-ms-SearchBox-clear {
    display: none !important;
}

.expCol-header-main .si-debug-span {
    display: none;
}

.dlg-FocusButtons {
    top: -1000px;
    position: absolute;
    left: -1000px;
}

#userRoleButton a {
    color: #fff;
}


.info-wrapper {
    background: #0e76b7;
    padding: 10px;
    color: #fff;
    margin-bottom: 10px;
}

ul.workflowlist {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

ul.workflowlist li {
    float: left;
    margin-bottom: 5px;
}

ul.workflowlist li a {
    display: block;
    text-align: center;
    padding: 1px;
    text-decoration: none;
    min-width: 27px;
    margin-right: 5px;
    color: white;
    border: 1px transparent solid;
}


ul.workflowlist li a.workflowcontactorange {
    background: #f78d2d;
}

ul.workflowlist li a.workflowcontactgreen {
    background: #6cc04a;
}

ul.workflowlist li a.workflowcontactgray {
    background: #868686;
}

.si-outlooksidebarconfig .outlooklefttd,
.si-eworkerconfig .outlooklefttd {
    min-width: 400px;
    margin-right: 20px;
}
/* New Listcontrol2 styling */

.ms-listviewtable.si-listcontrol-body {
    width: 100%;
}

.ms-viewheadertr.ms-vhltr .ms-vh-selectAllIcon {
    /*padding: 5px 10px 5px 10px;*/
    padding: 0px;
}

.si-listcontrol-header {
    display: inline-block;
    text-align: left;
    text-decoration: none;
    vertical-align: middle;
    font-weight: bold;
    font-size: 12px;
    width: calc(100% - 20px);
    position: relative;
}

.si-listcontrol-header a {
    color: #333 !important;
    padding: 9px;
    width: calc(100% - 20px);
    display: inline-block;
    text-decoration: none;
}

.si-listcontrol-header a:hover {
    text-decoration: underline;
}

/* Sort/filter menu button */
.si-listheadercell .s4-ctx {
    width: 20px;
    height: 33px;
    line-height: 33px;
}

.si-listheadercell:hover .s4-ctx {
    background: #d1e0f0;
}

.si-listheadercell .s4-ctx,
.si-listheadercell .s4-ctx .si-listcontrol-header-chevron-anchor {
    display: inline-block; /* Fill full height */
}

.si-sort-filtermenu {
    width: 250px;
    max-height: 500px;
    max-width: 300px;
    overflow-y: auto;
    overflow-x: auto;
}

.si-listcontrol-body th {
    background-color: #eee;
}

    .si-listcontrol-body th:hover {
        background-color: #dbe7f1;
    }

    .si-listcontrol-body th a.si-expnd-clpse-col {
        padding: 5px 2px 5px 2px;
    }

.si-listheadercell {
    white-space: nowrap;
    padding: 0px;
    vertical-align: middle;
}

.si-listcontrol-header[filterable="TRUE"] a {
    margin-right: 12px;
}

.si-listheadercell div.si-listcontrol-header a img {
    position: absolute;
    top: 8px;
    right: 8px;
}

.si-listheadercell div.si-listcontrol-header img {
    position: absolute;
    top: 8px;
    margin-left: 5px;
    right: -2px;
}

.ms-listviewtable.si-listcontrol-body:not(.no-border-list-control) {
    border: 1px solid #ccc !important;
    border-collapse: collapse !important;
}

.si-listcontrol-body.no-border-list-control .ms-itmhover {
    text-indent: 0px;
}

.si-details-cell .ms-listviewtable.si-listcontrol-body {
    border: none !important;
    border-collapse: initial !important;
}

    .si-details-cell .ms-listviewtable.si-listcontrol-body tr {
        border-bottom: none !important;
    }

/*.ms-listviewtable.si-listcontrol-body tr .si-listheadercell{
    border-right: 0px solid #ccc !important;
    background: #eee;
}

.ms-listviewtable.si-listcontrol-body tr .si-listheadercell:last-of-type {
    border-right: none!important;
}*/


.si-listcontrol-body tr {
    border-bottom: 1px solid #ccc;
}

/*.si-listcontrol-body tr:last-of-type{
    border-bottom: none;
}*/

.si-listcontrol-body td, .si-listcontrol-body th, .manage-desktop-item {
    /*text-align:left;
    background:#fff;*/
    border: none;
}

.si-filter-selector {
    right: 0px;
    top: 8px;
}

.s4-itm-imgCbx {
    text-align: center;
    margin-top: 3px;
}

.s4-itm-imgCbx-inner {
    visibility: hidden;
}

.s4-itm-selected .s4-itm-imgCbx-inner,
.ms-vb-imgFirstCell:hover .s4-itm-imgCbx-inner,
.ms-vb-imgFirstCell:focus .s4-itm-imgCbx-inner,
.ms-itmHoverEnabled:hover .s4-itm-imgCbx-inner {
    visibility: visible;
}

.si-textcolumn {
    padding: 9px;
}

.ms-vb-title {
    padding: 3px 9px 2px 9px;
}

.ms-vb-user {
    padding: 9px;
}

.si-no-items {
    background: white;
    line-height: 50px;
    border: 1px solid #ccc;
    border-top: none;
}

    .si-no-items > span {
        padding-left: 10px;
    }

/* Contextmenu-button */
.s4-ctx {
    /*padding-top: 1px;
    padding-right:10px;
    float: right;*/
    width: 10px;
    height: 5px;
    line-height: 15px;
    right: 0px;
    top: 0px;
}

.ms-vb-title.ms-cellstyle.si-contextmenucell span,
.ms-cellstyle.ms-vb-user.si-contextmenucell span {
    display: flex;
}

    .ms-vb-title.ms-cellstyle.si-contextmenucell span .ms-vb.itx,
    .ms-cellstyle.ms-vb-user.si-contextmenucell span .ms-vb.itx {
        width: calc(100% - 50px);
        display: inline-block;
        vertical-align: top;
        margin-top: 6px;
    }

    .ms-vb-title.ms-cellstyle.si-contextmenucell span .ms-list-itemLink-td.s4-ctx,
    .ms-cellstyle.ms-vb-user.si-contextmenucell span .ms-list-itemLink-td.s4-ctx {
        width: 22px;
        height: 22px;
        border: 1px solid #ccc;
        border-radius: 6px;
        margin-top: 2px;
        display: inline-block;
    }

        .ms-vb-title.ms-cellstyle.si-contextmenucell span .ms-list-itemLink-td.s4-ctx:hover,
        .ms-cellstyle.ms-vb-user.si-contextmenucell span .ms-list-itemLink-td.s4-ctx:hover {
            background-color: #62B3E5;
            border-color: #62B3E5;
        }

        .ms-vb-title.ms-cellstyle.si-contextmenucell span .ms-list-itemLink-td.s4-ctx:active,
        .ms-cellstyle.ms-vb-user.si-contextmenucell span .ms-list-itemLink-td.s4-ctx:active {
            background-color: #0E76B7;
            border-color: #0E76B7;
            /*outline:1px solid transparent;*/
        }

.ms-spimn-presenceWrapper.ms-spimn-imgSize-10x10 {
    width: 10px !important;
}

/* Hide/show chevron based on mouseover */
.si-listheadercell .si-ListControl-headerChevron {
    visibility: hidden;
    background: rgba(0,0,0,0);
}

.si-listheadercell:hover .si-ListControl-headerChevron {
    visibility: visible;
}

.si-listheadercell:focus .si-ListControl-headerChevron {
    visibility: visible;
}

.si-listheadercell:focus-within .si-ListControl-headerChevron {
    visibility: visible;
}


/* Context menu button */
.ms-list-itemLink-td .s4-ctx > .ms-list-itemLink {
    cursor: pointer;
}

/*----------List Description Container------------------------------------*/
.si-ms-listdescription {
    font-size: 8pt;
    float: left;
    width: 100%;
    color: #f00 !important;
    text-indent: 10px;
    padding: 2px 0px 4px 0px !important;
}

.ms-listdescription {
    color: #ff0000;
    padding: 2px 6px 4px 6px;
    border-bottom: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
}

.ms-vb-icon {
    padding: 4px 8px 0px 8px;
    vertical-align: middle;
}

/*.ms-vb-itmcbx {
    padding:8px;
}*/

.ms-vb-imgFirstCell.ms-vb-imgFirstCell {
    cursor: pointer;
    padding: 0 7px;
}
/* Checkbox style*/
.ms-itmHoverEnabled .s4-itm-imgCbx-inner {
    visibility: visible;
}

tr.s4-itm-selected .s4-itm-imgCbx-inner .si-icon {
    background-position: -16px 0px;
}

.ms-itmHoverEnabled .s4-itm-imgCbx-inner .si-icon {
    border: 1px solid #CCCCCC;
    border-radius: 6px;
    background-position: -1000px -1000px;
}

.ms-itmHoverEnabled:hover .s4-itm-imgCbx-inner .si-icon {
    border: 1px solid #57a5c7;
}

.s4-itm-selected .s4-itm-imgCbx-inner .si-icon {
    border: 1px solid #62b3e5;
    background-color: #62b3e5;
}

.ms-list-itemLink-td.s4-ctx .ms-list-itemLink {
    text-indent: 0px;
}
/* List control href with button - Default style */
.si-listcontrol-body .si-textcolumn a.si-listcontrol-button {
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    border-radius: 6px;
    height: 34px;
    padding: 6px 12px;
    line-height: 21px;
    color: #333;
    text-decoration: none;
}

.si-listcontrol-body .si-textcolumn a.si-listcontrol-button:hover {
    background-color: #62B3E5;
    border: 1px solid #62B3E5;
    color: #FFF;
}

.si-listcontrol-body .si-textcolumn a.si-listcontrol-button:focus {
    background-color: #0E76B7;
    border: 1px solid #0E76B7;
    color: #FFF;
}
/* Green Button style */
.si-listcontrol-body .si-textcolumn a.si-listcontrol-button.green {
    background-color: #348644;
    border: 1px solid #348644;
    color: #fff;
}

.si-listcontrol-body .si-textcolumn a.si-listcontrol-button.green:hover {
    background-color: #6CC04A;
    border: 1px solid #6CC04A;
}

.si-listcontrol-body .si-textcolumn a.si-listcontrol-button.green:focus {
    background-color: #266232;
    border: 1px solid #266232;
}

/* Pink Button style */
.si-listcontrol-body .si-textcolumn a.si-listcontrol-button.pink {
    background-color: #D82373;
    border: 1px solid #D82373;
    color: #fff;
}

.si-listcontrol-body .si-textcolumn a.si-listcontrol-button.pink:hover {
    background-color: #E56385;
    border: 1px solid #E56385;
}

.si-listcontrol-body .si-textcolumn a.si-listcontrol-button.pink:focus {
    background-color: #9B0C4B;
    border: 1px solid #9B0C4B;
}

/* Orange Button style */
.si-listcontrol-body .si-textcolumn a.si-listcontrol-button.orange {
    background-color: #F78D2D;
    border: 1px solid #F78D2D;
    color: #fff;
}

.si-listcontrol-body .si-textcolumn a.si-listcontrol-button.orange:hover {
    background-color: #FFBE85;
    border: 1px solid #FFBE85;
}

.si-listcontrol-body .si-textcolumn a.si-listcontrol-button.orange:focus {
    background-color: #E36A49;
    border: 1px solid #E36A49;
}
/*#region IFAR Redact Include/Exclude Button styles */
.si-listcontrol-body ul.rfafile {
    margin: 0;
}

.si-listcontrol-body .rfafile li {
    list-style-type: none;
    display: inline-block;
    margin-left: -3px;
}

.si-listcontrol-body ul.rfafile li a {
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    border-radius: 6px;
    height: 34px;
    padding: 6px 12px;
    line-height: 21px;
    color: #333;
    text-decoration: none;
}

.si-listcontrol-body ul.rfafile .selected.include a,
.si-listcontrol-body ul.rfafile .include a:hover {
    background: #266232;
    border: 1px solid #266232;
    color: #fff;
}

.si-listcontrol-body ul.rfafile .selected.exclude a,
.si-listcontrol-body ul.rfafile .exclude a:hover {
    background: #9b0c4b;
    border: 1px solid #9b0c4b;
    color: #fff;
}

.si-listcontrol-body ul.rfafile li:first-child a {
    border-radius: 6px 0px 0px 6px;
}

.si-listcontrol-body ul.rfafile li:last-child a {
    border-radius: 0px 6px 6px 0px;
}
/*#endregion*/
/*#region List control Textbox alignment fix */
table.ms-listviewtable tr.ms-itmhover td.ListControl2-TextboxColumn {
    padding-top: 5px;
}
/*#endregion*/
/*#region Mass update Row update & Failed style */
.si-listcontrol-body tr.row-updated {
    font-style: italic;
    font-weight: bold;
}

.si-listcontrol-body tr.row-failed {
    background: #f8edf3;
    border: 1px solid #d2879e;
    border-top-style: double;
}

.si-listcontrol-body tr.row-failed a {
    color: #a03c5e;
}
/*#endregion*/
/* svg images coming in bigger size in IE */
.si-listcontrol-body td img[src*=".svg"] {
    width: 16px;
    height: 16px;
}
/* Mass update Failed icon */
.massupdate-wrapper .si-listcontrol-body td img[src*="Failed.svg"] {
    width: 20px;
    height: 20px;
}
/* Global search results page*/
.si-listcontrol-body td div.si-search-result-item img[src*=".svg"].si-search-icon {
    width: 48px;
    height: 48px;
    margin-top: 5px;
}
/* Ignore Hover effect for Table Row */
.si-listcontrol-body.si-ignore-hover-effect tr.ms-itmhover:hover {
    background: transparent;
    border-color: inherit;
}
/* Office UI fabric doesn't apply the font properly to input elements. remove this if they fix it. */
.old-ms-CommandButton-label, .old-ms-TextField-field, .old-ms-SearchBox-field, .old-ms-Dropdown, .old-ms-Dropdown-title, .old-ms-SearchBox, .old-ms-Label, .old-ms-TextField.old-ms-TextField--multiline .old-ms-TextField-field, .si-ms-Button, .old-ms-ContextualMenu, .old-ms-CommandButton, .old-ms-Pivot, .old-ms-Dialog, .ms-font-su, .old-ms-TextField, .old-ms-DatePicker, .old-ms-RadioButton, .si-bif-ChoiceFieldGroup, .old-ms-CommandBar, .ms-font-s, .ms-font-s-plus, .si-advanced-search-btn, button {
	font-family: 'OpenSans', sans-serif;
}

	.old-ms-CommandButton-label, .old-ms-CommandButton-button .old-ms-CommandButton-label, .old-ms-Dropdown, .old-ms-Button-label, .old-ms-ContextualMenu, .old-ms-SearchBox, .old-ms-Pivot-link, .old-ms-RadioButton .old-ms-Label, .si-ms-Button, .old-ms-TextField-field {
		font-size: 13px;
	}

/*.si-ContextualMenuFont {
    font-size:13px !important;
}*/

a, a:link, a:visited, a:hover, a:active {
	color: #0E76B7;
}

.ms-long {
	width: 386px;
}

.old-ms-TextField--multiline .si-textbox-area {
	white-space: pre-line; /*fix for #139899 >> fix for #140026*/
}

.si-quicksearch-check-button-image,
button.ms-fileinput.si-imageButton {
	padding: 0 9px 0 9px;
	background-color: #eee;
	margin-left: 10px;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid #CCCCCC;
	border-radius: 6px;
	height: 34px;
	text-indent: 0px;
}

	.si-quicksearch-check-button-image img {
		height: 16px;
		width: 16px;
	}

	.si-quicksearch-check-button-image:hover,
	button.ms-fileinput.si-imageButton:hover {
		background: #62B3E5;
		border: 1px solid #62B3E5;
		color: #FFF;
	}

	button.ms-fileinput.si-imageButton[disabled] .si-imageButton-text,
	button.ms-fileinput.si-imageButton[disabled] img, .si-quicksearch-check-button-image:disabled img {
		color: #999;
		opacity: 0.4;
	}

	button.ms-fileinput.si-imageButton[disabled] {
		background-color: #f8f8f8;
		border-color: #eee;
		cursor: not-allowed;
	}

	/*.si-quicksearch-check-button-image:focus,
button.ms-fileinput.si-imageButton:focus {
    background: #0E76B7;
    border: 1px solid #0E76B7;
}*/

	.si-quicksearch-check-button-image:hover .si-imageButton-text,
	button.ms-fileinput.si-imageButton:hover .si-imageButton-text {
		color: #fff;
	}
	/* Pin, Share, tags & Remainder buttons used on Simplified view*/
	button.ms-fileinput.si-imageButton.si-socialButton {
		background-color: #f3f2f1; /*neutralLighter*/
	}

		button.ms-fileinput.si-imageButton.si-socialButton:hover,
		button.ms-fileinput.si-imageButton.si-socialButton:focus {
			background-color: #edebe9!important; /*neutralLight*/
		}

		button.ms-fileinput.si-imageButton.si-socialButton img {
			padding-top: 5px;
		}

		button.ms-fileinput.si-imageButton.si-socialButton .old-ms-Label {
			color: #333;
		}

		button.ms-fileinput.si-imageButton.si-socialButton .si-imageButton-text {
			padding-left: 0px;
		}

td.si-layout-grid-positioningcell button.ms-fileinput.si-imageButton {
	margin-bottom: 7px;
}

	/*to fix issue with calculation of dialog width (in chrome image button is coming as 0 width initially resulting worng dialog width)*/
	td.si-layout-grid-positioningcell button.ms-fileinput.si-imageButton > img {
		min-width: 16px;
		width: 16px; /*Added width property for IE and Edge browser issue; 8836-Search icons are not unique in Extended search*/
	}
/* Commented to fix the issue: 136803 - Alignment is missing between Pin and Share icon */
/*td.si-layout-grid-positioningcell:not(:first-child) button.ms-fileinput.si-imageButton{
     margin-top: 11px;
     margin-right: 8px;
     margin-bottom: 0px;
 }*/

.si-layout-grid-positioningcell {
	vertical-align: middle;
	padding: 0;
}

.GenericContainer .si-layout-grid-positioningcell {
	vertical-align: top;
}

.si-layout-grid-positioningcell div.old-ms-CheckBox.si-checkbox {
	display: inline-block;
	padding-bottom: 15px;
}

.si-multipletables-td {
	white-space: nowrap;
}

.si-innercaptiontable {
	text-align: left;
	width: 150px;
}

.si-layout-grid-positioningcell .si-control-table:first-child .si-innercaptiontable .si-standardheader {
	width: 150px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: block;
}

.ms-list-itemLink {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	/*width: 30px;*/
	/*height: 25px;*/ /*fix issue with file contextmenu alignment in Case Details > Documents > File*/
	overflow: hidden;
}

.ms-ellipsis-a {
	height: 16px;
	width: 16px;
}

div[id*=SI_HiddenField], span[id*=SI_HiddenField], td[id*=SI_HiddenField] {
	display: none;
}

.si-genericcontainer, .si-genericcontaineralt, .si-tab-maintable {
	width: 100%;
}

.si-new-inputfields .si-multipletables-td table.si-control-table {
	width: auto !important;
	border: none;
}

.si-layout-grid-positioningcell table[id$='ComboControl_MainTable'].si-control-table,
.si-layout-grid-positioningcell table[id$='TextBoxControl_MainTable'].si-control-table {
	padding-right: 0px;
}

.si-layout-grid-positioningcell table {
	display: inline-table;
	float: left;
}

	.si-layout-grid-positioningcell table.float-reset {
		float: none;
	}

.si-new-inputfields table.si-layout-grid-positioning {
	border: #000000;
}

.si-layout-grid-positioningcell.si-nowrap div.si-extdatagrid-wrapper.old-ms-TextField-field {
	margin-left: 5px;
}


/* Starts: Navigation styles*/
.ms-listdescription:empty {
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
}

.NavigationUL a {
	outline: 0px;
	padding: 2px 10px 10px 10px !important;
}

/*details view extratab contextual menu*/
div.Navigation .si-ContextualMenu-container li {
	padding: 0;
}

/*.NavigationUL li {
    display: inline;
    float: left;
}*/

.NavigationLI.si-ContextualMenu-container {
	position: relative;
}

.NavigationUL a {
	outline: 0px;
}

.Navigation ul.NavigationUL {
	list-style-type: none;
	margin-bottom: 0px;
	padding-left: 0px;
	margin-top: 0;
	display: flex;
	flex-wrap: wrap;
}

.Navigation A.NavigationInactiveA {
	text-decoration: none;
	color: #333333;
	padding: 5px 0px 5px 0px;
}

.Navigation A.NavigationInactiveA {
	float: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

	.Navigation A.NavigationInactiveA .navigationli-chevronDown {
		vertical-align: middle;
		padding-left: 5px;
		font-size: smaller;
	}


.Navigation li.is-selected span.NavigationSpan, .Navigation a.Current span.NavigationSpan {
	background-image: none !important;
}

.Navigation li.NavigationLI .NavigationInactiveA {
	position: relative;
}

.Navigation li.NavigationLI A.NavigationInactiveA:hover::before,
.Navigation li.NavigationLI A.Current.NavigationInactiveA::before,
.Navigation li.NavigationLI:focus-within A.NavigationInactiveA::before {
	content: '';
	position: absolute;
	top: 24px;
	left: 0px;
	border: 3px solid #60B3E2;
	box-shadow: inset 0 0 0 1px #60b3e2;
	border-radius: 3px;
	min-width: calc(100% - 6px);
}

.Navigation li.old-ms-Pivot-link {
	position: relative;
	line-height: normal;
	border: 1px solid transparent;
}

	.Navigation li.old-ms-Pivot-link:focus-within {
		border-style: dashed;
		border-color: #0e76b7;
	}

		.Navigation li.old-ms-Pivot-link:focus-within a:focus {
			outline: none;
		}

	.Navigation li.old-ms-Pivot-link a {
		padding: 5px 10px 10px 10px;
		display: inline-block;
		color: #333333;
		text-decoration: none;
	}

		.Navigation li.old-ms-Pivot-link.is-selected a::before,
		.Navigation li.old-ms-Pivot-link a:hover::before,
		.Navigation li.old-ms-Pivot-link:focus-within a::before {
			content: '';
			position: absolute;
			top: 30px;
			left: 0px;
			border: 3px solid #60B3E2;
			box-shadow: inset 0 0 0 1px #60b3e2;
			border-radius: 3px;
			min-width: calc(100% - 6px);
		}

div.Navigation li {
	margin: 0 10px -1px 0;
}

.Navigation .NavigationLI {
	border: 1px solid transparent;
}

	.Navigation .NavigationLI:focus-within {
		border-style: dashed;
		border-color: #0e76b7;
	}

div.Navigation {
	background-image: none;
	background-color: transparent;
	border-top: none;
	border-bottom: 1px solid #DDDDDD;
	width: 100%;
	margin: 10px 0;
}

	div.Navigation .old-ms-Pivot-link.is-selected:before {
		background-color: transparent;
	}

.old-ms-Pivot-link.is-selected {
	font-weight: normal;
}
/* Ends: Navigation styles*/

.si-display-center {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10%;
	display: table;
	overflow: auto;
}

.si-transform-uppercase {
	text-transform: uppercase;
}

.si-display-center h1 {
	/*font-family:'OpenSans', sans-serif;*/
	color: #262626;
	font-weight: 200;
}
/* Nested list */
table.si-nstd-table .si-nstd-list {
	border: none !important;
	background-color: #F8F8F8;
}

	table.si-nstd-table .si-nstd-list tr.ms-itmhover {
		background: transparent;
		border: none;
		border-top-style: none;
	}

		table.si-nstd-table .si-nstd-list tr.ms-itmhover:hover {
			background: #e5f6fe;
			border: none;
			border-top-style: none;
		}

	table.si-nstd-table .si-nstd-list .si-listcontrol-body {
		border: none !important;
	}

table.si-nstd-table a > input.si-expnd-clpse[type="checkbox"] {
	display: none;
}

table.si-nstd-table a.si-expnd-clpse-col {
	cursor: pointer;
	display: block;
}

table.si-nstd-table a > input.si-expnd-clpse-header[type="checkbox"] {
	display: none;
}


/* Search box*/
.s4-search input.ms-sbplain {
	font-size: 1em;
	background-image: none !important;
	border: 1px solid #ababab !important;
	height: 19px;
	padding: 0px 3px 0;
	line-height: 16px;
	border-right: none !important;
	color: #000;
}

.s4-search .ms-searchimage {
	margin-top: 0 !important;
	border: 1px solid #ababab !important;
	border-left: none !important;
	padding: 2px 3px 1px;
	background: url(/_layouts/15/images/si/searchqry.gif) 1px 1px no-repeat;
}

div.si-ms-searchimage a img {
	margin-left: 25px !important;
}

div.ms-searchimage.si-ms-searchimage a {
	color: #000;
	display: block;
	text-decoration: underline;
}

.ms-searchimage.si-ms-searchimage a {
	width: 16px;
	height: 16px;
	background: url(/_layouts/15/images/si/searchqry.gif) 1px 1px no-repeat;
	overflow: hidden;
}

.si-fuc-uploadbutton-holder-cell .si-button-div-image img {
	float: left;
}

.si-fuc-uploadbutton-holder-cell .ms-menubuttoninactivehover.si-button-div-image a.si-ms-menubutton {
	height: 18px;
	margin-top: 0;
}

.si-fuc-uploadbutton-holder-cell .si-ms-menubutton {
	text-decoration: underline;
}

.si-fileupload.si-input-textbox {
	padding: 5px;
	margin-right: 10px;
	border-radius: 6px;
	border: 1px solid #ccc;
	margin-top: 3px;
	margin-bottom: 6px;
	cursor: pointer;
}

	.si-fileupload.si-input-textbox:hover {
		border: 1px solid #62b3e5;
		background: #e5f6fe;
	}

.ms-searchimage.si-ms-searchimage {
	background: none;
}

.userDisplay .ms-Grid .ms-Grid-row {
	height: 25px;
}


/*Paging*/
.ms-paging {
	white-space: nowrap;
	padding: 0px 5px 5px 5px;
}

.si-image {
	border: 0px;
	padding-top: 10px;
	vertical-align: top;
}

a .si-image {
	margin-top: 10px;
	border: 1px solid #CCCCCC;
	border-radius: 6px;
	padding: 11px;
}

.si-ms-pagetitleareaframe table.si-innercaptiontable {
	width: 1px !important;
	font-weight: bold;
}

.si-wizard-maincell div.old-ms-CheckBox.si-checkbox {
	display: block;
}

/*Style for Menu*/
.si-dynamic-menu .icon {
	width: 24px;
	height: 24px;
}

#MainMenuBar .si-dynamic-menu a.level1 > img {
	margin-bottom: 10px;
}

/*General style*/
/*.ms-font-s-plus {
    font-size:14px;
}*/

/*.si-layout-grid-positioningcell.si-nowrap {
    display: flex;
}

.si-layout-grid-positioningcell.si-nowrap > *{
    display: inline-block;
    align-self: flex-end;
}*/

.no-visible-controls {
	display: none !important;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.clear {
	clear: both;
}

.sibling-clear-left + * {
	clear: left;
}

.cursor-pointer {
	cursor: pointer;
}

.pos-relative {
	position: relative;
}

.block-element {
	display: block;
}

.display-none {
	display: none;
}

.margin-top10 {
	margin-top: 10px;
}

.margin-top20 {
	margin-top: 20px;
}

.margin-top25 {
	margin-top: 25px;
}

.margin-bottom10 {
	margin-bottom: 10px;
}

.margin-bottom20 {
	margin-bottom: 20px;
}

.margin-left10 {
	margin-left: 10px;
}

.margin-right10 {
	margin-right: 10px;
}

.margin-right20 {
	margin-right: 20px;
}

.width-100per {
	width: 100%;
}

.font-italic {
	font-style: italic;
}

.font-bold {
	font-weight: bold;
}

.si-bif-dialog-hidden {
	background: hsla(0,0%,100%,.4);
	top: -200000px;
}

.loading-state {
	opacity: 0.5;
	pointer-events: none;
}

.vertical-align-top {
	vertical-align: top;
}

.text-align-center {
	text-align: center;
}
/* Labellist wrap  #136584*/
.si-layout-grid-positioningcell [id$='PlaceHolderMain_MainView_ContactLabelListControl_MainTable'] .si-control-cell span,
.si-layout-grid-positioningcell [id$='PlaceHolderMain_MainView_ToContactQuickSearchControl_LabelListt_MainTable'] .si-control-cell span,
.si-layout-grid-positioningcell [id$='PlaceHolderMain_MainView_CopyReceiverContactQuickSearchControl_LabelListt_MainTable'] .si-control-cell span {
	padding: 0 5px;
	float: left;
	text-align: left;
}

	.si-layout-grid-positioningcell [id$='PlaceHolderMain_MainView_ContactLabelListControl_MainTable'] .si-control-cell span a,
	.si-layout-grid-positioningcell [id$='PlaceHolderMain_MainView_ToContactQuickSearchControl_LabelListt_MainTable'] .si-control-cell span a,
	.si-layout-grid-positioningcell [id$='PlaceHolderMain_MainView_CopyReceiverContactQuickSearchControl_LabelListt_MainTable'] .si-control-cell span a {
		white-space: normal !important;
		padding: 0 !important;
	}

.old-ms-SearchBox:hover .old-ms-SearchBox-label {
	color: #0E76B7 !important;
}

	.old-ms-SearchBox:hover .old-ms-SearchBox-label .ms-Icon {
		color: #0E76B7 !important;
	}

.phaseDone, .phaseInprogress, .phaseTobedone {
	background: #fff;
	width: 17px;
	height: 17px;
	margin: 3px 3px 3px 0;
	text-align: center;
	display: inline;
	cursor: pointer;
	padding: 2px 5px;
}

.phaseDone {
	color: #6cc04a;
	border: 1px solid #6cc04a;
}

.phaseInprogress {
	color: #f78d2d;
	border: 1px solid #f78d2d;
}

.phaseTobedone.active {
	background: #868686;
	color: #fff;
}

.phaseTobedone {
	color: #868686;
	border: 1px solid #868686;
}

.phaseDoneDetail, .phaseInprogressDetail, .phaseTobedoneDetail {
	background: #fff;
	padding: 2px 5px;
	height: 17px;
	margin: 3px 3px 3px 0;
	text-align: center;
	display: inline;
	cursor: pointer;
}

.phaseTobedoneDetail {
	color: #868686;
	border: 1px solid #868686;
}

	.phaseTobedoneDetail.active {
		background: #868686;
		color: #fff;
	}

.phaseInprogressDetail {
	color: #f78d2d;
	border: 1px solid #f78d2d;
}

.phaseDoneDetail {
	color: #6cc04a;
	border: 1px solid #6cc04a;
}

.phaseInprogressDetail.active {
	background: #f78d2d;
	color: #fff;
}

/*styles for DocStore starts*/
#si-docstore {
	display: block;
	margin-top: 20px;
	width: 100%;
	clear: both;
}

	#si-docstore #si-archive-left-wrapper {
		float: left;
		width: 19%;
		min-width: 310px;
	}

	#si-docstore #si-archive-search-wrapper {
		padding-left: 20px;
		width: 75%;
		display: inline-block;
	}

	#si-docstore .si-archive-search-inner-wrapper {
		margin-left: 20px;
	}

	#si-docstore .ui-resizable-e {
		cursor: col-resize;
		width: 6px !important;
		background: #ebebeb;
		border-left: 5px solid #fff;
		min-height: 600px;
	}

		#si-docstore .ui-resizable-e:hover {
			background: #d1d1d1;
			cursor: col-resize;
		}

	#si-docstore .treeview {
		overflow-x: auto !important;
	}

	#si-docstore .si-spacer {
		height: 40px;
	}

	#si-docstore .si-folder-hide {
		display: none;
	}

	#si-docstore .si-archive-heading {
		font-size: 16px;
		color: #b2b3b4;
		margin-bottom: 10px;
	}

	#si-docstore .treeview {
		min-height: 300px;
	}

		#si-docstore .treeview table[id$="_ArchiveTreeView_MainTable"] td.si-navitem, #si-docstore .treeview table[id$="_ArchiveTreeView_MainTable"] td.si-navitem a.si-navitem {
			font-size: 13px;
			vertical-align: top;
			padding: 2px 0px 0px 3px;
			font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
		}

	#si-docstore table[id$="mainTable"] div[id$="_DialogStepHolder"] div[id$="TreeViewContentContainer_GenericContainer"] table.si-control-table td.si-control-cell div [id$="MainView_ArchiveTreeView"] a {
		text-decoration: none !important;
		color: #0072c6;
	}

		#si-docstore table[id$="mainTable"] div[id$="_DialogStepHolder"] div[id$="TreeViewContentContainer_GenericContainer"] table.si-control-table td.si-control-cell div [id$="MainView_ArchiveTreeView"] a:hover {
			text-decoration: underline !important;
		}

	#si-docstore .si-list-wrapper {
		width: 70%;
		margin-right: 30px;
		margin-bottom: 20px;
		display: inline-block;
		vertical-align: top;
	}

	#si-docstore #si-drop-file-wrapper {
		width: 17%;
		display: inline-block;
	}

		#si-docstore #si-drop-file-wrapper div[id$="DropAreaContainer_GenericContainer"] {
			text-align: center;
			background: #eee;
			height: 100px;
			border: 1px dashed #0072c6;
			padding: 30px;
			margin-top: 25px;
			margin-bottom: 20px;
		}

			#si-docstore #si-drop-file-wrapper div[id$="DropAreaContainer_GenericContainer"] table {
				padding-top: 35px;
			}

	#si-docstore .pos-relative {
		position: relative;
	}

	#si-docstore .hr {
		border-top: 1px solid #95989a;
	}

	#si-docstore .show-more-btn div[id$="CountContainer_GenericContainer"] {
		width: 165px;
		height: 28px;
		border: 1px solid #95989a;
		text-align: center;
		background: #eee;
		position: absolute;
		left: 40%;
		top: -14px;
	}

	#si-docstore .show-more-btn .ms-buttonactivehover {
		border: 1px solid transparent;
		margin: 0px;
	}

	#si-docstore .show-more-btn .ms-menubuttoninactivehover, #si-docstore .show-more-btn .ms-buttoninactivehover {
		margin: 0px;
	}

	#si-docstore .si-drop-file-wrapper:empty {
		display: none;
	}
/*styles for DocStore ends*/

*[id*='SI_HiddenField'] {
	display: none;
}

.si-layoutColumn {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: auto !important;
	height: auto !important;
}

.si-layoutRow {
	display: flex;
	justify-content: space-between;
}

.si-row-wrapper {
	display: flex;
}

.si-input-quicksearch {
	text-decoration: underline;
}

.si-input-quicksearch-unresolved {
	cursor: pointer;
	vertical-align: text-top;
	display: inline-block;
	background: url(/_layouts/images/errorsquiggle.png) repeat-x left 12px;
}

.textstrikethrough {
	text-decoration: line-through;
}

/* Pinned items web part ui issues */
div[id$='_PinnedItems_TreeviewContainer_GenericContainer'] td.si-navitem {
	white-space: normal !important;
}

	div[id$='_PinnedItems_TreeviewContainer_GenericContainer'] td.si-navitem a {
		padding: 3px;
		text-indent: 0px;
	}
/*File Preview */
.si-row-wrapper div[id$='_FileListContainer_GenericContainer'] {
	overflow-x: auto;
	margin-right: 10px;
	position: inherit !important;
}
/* Hashtags & keywords*/
table[id$='_HashTagsListControl_LabelList_MainTable'] td[id$='_HashTagsListControl_LabelList_CaptionCell'],
table[id$='_KeywordsListControl_LabelList_MainTable'] td[id$='_KeywordsListControl_LabelList_CaptionCell'] {
	vertical-align: top;
}

table[id$='_HashTagsListControl_LabelList_MainTable'] .si-labellistcontainer,
table[id$='_KeywordsListControl_LabelList_MainTable'] .si-labellistcontainer {
	word-break: break-all;
}
/*Chart UI Issues*/
#ChartContainerDocument .si-control-table-genericcontainer-captionover .si-control-table tr td.si-inputlabel {
	padding-left: 0px;
}

#ChartContainerDocument .si-control-table-genericcontainer-captionover .si-control-table tr td.si-control-cell {
	text-indent: 0px;
}
/*Clear icon removed for texbox in IE*/
input[type=text]::-ms-clear {
	display: none;
}
/*Margin left added for Side commands items*/
div.old-ms-CommandBar-sideCommands > * {
	margin-left: 10px;
}
/*No background & border for buttons*/
.no-border-button button {
	border: 1px solid transparent !important;
	background: transparent !important;
}

	.no-border-button button:hover {
		background: #eee !important;
	}
/*Tree view icon*/
table.treeview-icon a img {
	width: 16px;
	height: 16px;
}

.si-treeview-selected {
	font-weight: bold;
}

.horizontal-line {
	display: block;
	height: 1px;
	border-top: 1px solid #ccc;
	margin: 10px;
}
/*Hidden Validation Control*/
.validation-msg input {
	display: none;
}
/* Reply Case document Image button alignment */
td.si-layout-grid-positioningcell button.si-imageButton[id$='CaseProjectContactsImgControl'] {
	margin-left: 0px;
}
/*Dispatch dialog alignment issue*/
div[id$="_ToolbarMainTableRow"] div.old-ms-CommandBar-mainArea table[id$="ViewMoreControlLabel_MainTable"] div[id$="ViewMoreControlLabel_wrapper"] a {
	margin-top: 17px;
	display: block;
}

/*Styles for AutoComplete list in Manage Hashtag starts*/
table[id$="HashTagTextFieldControl_MainTable"] {
	position: relative;
}

.autocomplete-items {
	position: absolute;
	background-color: #fff;
	width: 370px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,.4);
	z-index: 10;
	top: 34px;
	left: 4px;
	right: 0;
	padding: 8px;
}

	.autocomplete-items div {
		cursor: pointer;
		border: 1px solid transparent;
		height: 32px;
		line-height: 32px;
		border-bottom: 1px solid #e8e8e8;
	}

		.autocomplete-items div:not(:first-child) {
			margin-top: 5px;
		}

		.autocomplete-items div:hover {
			border: 1px solid #57a5c7 !important;
			background-color: #e5f6fe !important;
			border-radius: 6px !important;
		}

.autocomplete-active {
	border: 1px solid #57a5c7 !important;
	background-color: #e5f6fe !important;
	border-radius: 6px !important;
}
/*Styles for AutoComplete list in Manage Hashtag ends*/
.title-txt {
	font-size: 21px;
	display: block;
	font-weight: 400;
}
/*eByggsak estate selection */
div[id*="_MatrikkelSearchCtrl"] .si-input-textbox {
	min-width: 85px;
	width: 85px;
}
/*style for italic font*/
.font-italic .textfield-wrapper span.si-textfield {
	font-style: italic;
}

/*style for new flex layout*/
[class*="si-flx-"] {
	display: flex;
}

[class*="si-flx-col-"] {
	flex-direction: column;
}

.si-fld > * {
	margin-right: 10px;
}

	.si-fld > *:first-child,
	.si-fld > *:first-child button,
	.si-fld > *:first-child table {
		min-width: 100px;
	}

/* Remove scroll in number TextBox*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

/* New simple document wizard button styling */
.si-flx-button {
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	border-radius: 6px;
	padding: 6px 12px;
	color: #333;
	text-decoration: none;
	margin-bottom: 10px;
	cursor: pointer;
	background-size: 38px 38px;
	background-position: 10px center;
	background-repeat: no-repeat;
	padding-left: 60px !important;
}

	.si-flx-button:hover {
		background-color: #62B3E5;
		border: 1px solid #62B3E5;
		color: #FFF;
	}

	.si-flx-button:focus, .si-flx-button:active {
		background-color: #0E76B7;
		border: 1px solid #0E76B7;
		color: #FFF;
	}

.si-newdoc-icon {
	background-image: url(/_layouts/15/images/si/DetailsView/document.svg);
}

.si-indoc-icon {
	background-image: url(/_layouts/15/images/si/DetailsView/Request_for_access_cases.svg);
}

.si-propodoc-icon {
	background-image: url(/_layouts/15/images/si/DetailsView/contact.svg);
}
/*Style for search button(primary) in command bar*/
.old-ms-CommandButton-button.si-ms-Button.old-ms-Button--primary span.old-ms-CommandButton-label {
	color: #fff;
	font-weight: 600;
}

.GenericContainer.legend-text .si-layout-grid-positioningcell {
	vertical-align: middle;
}
/*Padding for first td 10039*/
.si-layout-grid-positioning > tbody > tr > td:first-of-type {
	padding-right: 10px;
}
/*Style for title*/
.si-label-title h2 {
	font-size: 16px;
	font-weight: 600;
	color: #333;
}
/*style for slash(/) separator*/
.si-separator-slash > tbody > tr:First-child::after {
	content: '\002F';
	font-size: 25px;
	color: #C0C0C0;
	font-weight: 400;
	margin: 0 5px;
}

.si-margin-top25px {
	margin-top: 25px;
}

.si-margin-bottom25px {
	margin-bottom: 25px;
}

/*Style for Custom fields BUG 109691*/
.si-casetype-metafield {
	padding-left: 10px;
}

.si-casetype-metafield .si-inputlabel {
	padding: 0px;
}

.si-casetype-metafield .si-standardheader, .si-casetype-metafield .si-textfield {
	font-size: 12px;
	padding-right: 5px;
}

.si-casetype-metafield .si-innercaptiontable {
	width: auto;
}

/*Color for text on Workflow due date controls*/
a.si-approval-red-label, .si-approval-red-label {
	color: #D51067;
}

a.si-approval-green-label, .si-approval-green-label {
	color: #348644;
}

/*Bug 128803 UI style for date control*/
.si-new-inputfields .si-layout-grid-positioningcell table.si-control-table.si-datepicker-todatecaption:not(:first-of-type) td.si-inputlabel table.si-innercaptiontable {
	text-align: right;
}
.ms-formvalidation {
    color: #bf0000;
}

.ms-formvalidation.si-formvalidation-hidden {
    display: none;
}


.si-new-inputfields .si-control-table {
    padding: 0;
}

/*fix ui issue new contact wizard > spacing between controls*/
.si-new-inputfields .si-control-table tr td.si-control-cell:not(.old-ms-ChoiceFieldGroup){
    text-indent: 5px;
}

table[id$='_GlobalSearchDescriptionCrtieriaOperatorControl_MainTable'] td.si-control-cell{
    text-indent:0px !important;
}

.si-wizard-maintable {
    width: 100%;
    float: left;
    /*padding-top: 10px;*/
}

div[id$=_ToolbarMainTableRow]>.si-control-table{
    width:auto;
}
/*
    Need to find a proper solution first for s4-workspace, as done in business Integration.js
    #si-dialogbuttonsection {
    position: fixed;
    bottom: 0px;
    width: 100%;
}*/

/* Padding should be zero for movable div from top head. TFS 126188 */
.old-ms-Dialog-header{
    cursor:move;
}

.old-ms-Dialog-title {
    margin: -8px 35px 20px 0 !important;
}

.old-ms-Dialog-actions .ms-Icon--ChevronRightSmall,
.old-ms-Dialog-actions .ms-Icon--ChevronLeftSmall {
    font-size: 10px;
}
/*Styles for caption over */
.si-new-inputfields .si-control-table-genericcontainer-captionover .si-control-table tr td.si-control-cell:not(.old-ms-ChoiceFieldGroup){
    padding-top:0px;
}
.si-control-table-genericcontainer-captionover .si-caption-over {
	font-size:13px;
	font-weight:normal;
}
.si-new-inputfields .si-control-table-genericcontainer-captionover .si-control-table tr td.si-inputlabel {
    padding-left:6px;
}
/*select template dialog*/
table[id$="_TemplateScope_MainTable"] {
    min-width:270px;
}
/*Radio buttons are overlapping in select template dialog from Handling activity screen */
table[id$="_TemplateScope_MainTable"] ul.old-ms-ChoiceFieldGroup-list.col-3 li {
    width: auto;
}
/*Radio buttons are overlapping in select template filter Bug30193*/
table[id$="_TemplateScope_MainTable"] td.si-bif-ChoiceFieldGroup div.old-ms-ChoiceFieldGroup-list.col-3 div {
	width: auto;
}
ul.tab-nav.l2r li {
    margin-right: 10px;
    margin-bottom: -1px;
    list-style-type: none;
    overflow: hidden;
}

ul.tab-nav.r2l li {
    margin-left: 10px;
}

ul.tab-nav.r2l {
    float: right;
}

ul.tab-nav {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    border-bottom: 1px solid #DDDDDD;
    margin: 10px 0;
    padding-left: 0px;
}

ul.tab-nav li {
    border: 1px solid transparent;
    cursor: pointer;
}

ul.tab-nav li:focus {
    border-style: dashed;
    border-color: #0e76b7;
}

ul.tab-nav li:focus-visible {
    outline: none;
}

ul.tab-nav li .si-tab-nav-label {
    position: relative;
    padding: 0px 10px 12px 10px;
    display: block;
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-decoration: none;
    color: #000;
}

ul.tab-nav li.crumb-nav-selected .si-tab-nav-label::before,
ul.tab-nav li:hover .si-tab-nav-label::before,
ul.tab-nav li:focus .si-tab-nav-label::before {
    content: '';
    position: absolute;
    top: 24px;
    left: 0px;
    border: 3px solid #60B3E2;
    box-shadow: inset 0 0 0 1px #60b3e2;
    border-radius: 3px;
    min-width: calc(100% - 6px);
}

ul.tab-nav li.crumb-nav-selected .si-tab-nav-label {
    font-weight: bold;
}

.si-select.selectize-control.single .selectize-input,
.si-select.selectize-control.single .selectize-dropdown {
    border-radius: 6px;
    border: 1px solid #777777;
    box-shadow: none;
    height: 34px;
    padding: 6px 12px;
    line-height: 21px;
}

.si-select.selectize-control.single .selectize-dropdown {
    padding: 0px;
}

div.si-selectize-container {
    padding: 0px !important;
    text-indent: 0px !important;
    margin: 0 0 4px 0 !important;
    min-width: 120px;
    display: inline-block;
}

    div.si-selectize-container select {
        display: none !important;
    }

.si-select.selectize-control.single .selectize-input {
    background-image: none;
    background-color: #fff;
}

/* Styling for selected values that exceed the width of the control */
.selectize-input > div.item {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: calc(100% - 25px);
}

/* selectize-input textbox caret offset alignment */
.selectize-control.single .selectize-input.has-items div.item {
    margin-right: 2px;
}

.selectize-control.single .selectize-input.has-items input {
    vertical-align: top;
}

.si-select .selectize-dropdown-content {
    border: 1px solid #0E76B7;
    background: #FFF;
    border-radius: 6px;
}

.expend-selectize {
    white-space: nowrap;
}

/* Multi select control styling */
td.multiddl-td {
    padding-bottom: 3px;
    height: 35px !important; /* required due to over ride framework inline height */
}

.selectize-control.multi {
    border-radius: 6px;
    border: 1px solid #d0d0d0;
    background: #FFF;
    white-space: normal;
}

    .selectize-control.multi:hover {
        border: 1px solid #62b3e5;
        background: #E5F6FE;
    }

    .selectize-control.multi.multiddl-active:hover {
        background: #FFF;
    }

    .selectize-control.multi .selectize-input {
        border: none;
        background: none;
        padding: 4px 2px 0px 4px !important;
        min-height: 28px;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .selectize-control.multi .selectize-dropdown {
        border: none;
        background: none;
        margin-top: 10px;
    }

    .selectize-control.multi .selectize-dropdown-content {
        border: none;
        background: none;
        border-radius: 0px 0px 6px 6px;
    }

    .selectize-control.multi .selectize-input [data-value] {
        background-color: #868e93;
        background-image: linear-gradient(to bottom, #a3adb3, #90a3b1);
        border: 1px solid #272d31;
        text-shadow: none;
        box-shadow: none;
        -webkit-box-shadow: none;
    }
/*.selectize-control.multi .selectize-input.item:after,*/
.item-delete-button:before {
    content: '\E711';
    font-family: FabricMDL2Icons;
    font-size: 11px;
    padding-left: 5px;
    font-weight: 700;
}

.selectize-items {
    background-image: none !important;
    background-color: white !important;
}

    .selectize-items.active {
        background-color: #efefef !important;
    }

.selectize-input.dropdown-active {
    border: 1px solid #62b3e5;
    background: #E5F6FE;
}

.selectize-dropdown .option {
    height: 28px;
    line-height: 28px;
    border-color: transparent;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    padding: 2px 8px 0px 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.selectize-dropdown .active {
    background-color: #E5F6FE;
    border-color: #62b3e5;
    color: #333333;
}

.selectize-dropdown .selected {
    background-color: #0E76B7 !important;
    border-color: #0E76B7;
    color: #FFF;
}

.si-select.selectize-control.single .selectize-input:hover {
    border: 1px solid #0E76B7;
    background: #e5f6fe;
}

.si-select.selectize-control.single .selectize-input.focus {
    border-style: dashed;
    border-color: #0E76B7;
    background: #e5f6fe;
}

.si-select .selectize-input:hover .selectize-input:after {
    border-color: #fff transparent transparent transparent;
}

.si-select-selectize {
    display: inline-block; /* Other input controls are inline-block, so this should be as well. */
    text-indent: 0; /* To avoid duplicated text-indent for inline elements (wizard view) */
    min-width: 120px; /*Alignment issue fixed for select template wizard in Documents[For group by dropdown] TFS#138669*/
}

.selectize-control.multi .selectize-input:hover {
    border: none;
    background: none;
}

.selectize-control.multi .selectize-input > div {
    margin: 0 5px 0 0;
}

.selectize-control.multi.multiddl-active .selectize-input > div {
    margin: 0 5px 5px 0;
}

.selectize-control.multi .selectize-items {
    border: 1px solid #cbcbcb !important;
    background: #ededee !important;
    color: #3a3a3a !important;
}

    .selectize-control.multi .selectize-items:hover {
        border: 1px solid #62b3e5 !important;
        background: #62b3e5 !important;
        color: #FFF !important;
    }

.selectize-control.quicksearch {
    left: 4px;
    top: -4px;
}

.dropdown-more {
    position: absolute;
    right: 0px;
    margin-top: 2px;
    /*width: 70px;*/
    height: 31px;
    background-color: white;
    top: 0px;
    z-index: 9;
    /*Hover bg effects: */
    border: none;
    background: #FFF;
    margin-top: 0px; /* Remove*/
    border-radius: 0px 6px 6px 0px;
}

.selectize-control.multi:hover .dropdown-more,
.selectize-control.multi:hover .dropdown-more:hover {
    background-color: #E5F6FE;
    border: none;
}

.selectize-control.multi.multiddl-active:hover .dropdown-more,
.selectize-control.multi.multiddl-active:hover .dropdown-more:hover {
    background-color: #FFF;
    border: none;
}

.dropdown-more .old-ms-CommandButton-label,
.dropdown-more:hover .old-ms-CommandButton-label {
    margin-right: 12px;
    color: #333;
    font-style: italic;
}

.dropdown-more:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    right: 9px;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #808080 transparent transparent transparent;
}

.multiddl-active .dropdown-more:after {
    margin-top: -4px;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #808080 transparent;
}

.multiddl-active .selectize-dropdown {
    position: relative;
}

.multiddl-active .dropdown-active {
    display: block;
    overflow-y: auto;
}

.multiddl-active .selectize-items {
    display: block;
    float: left;
}

.multiddl-active input {
    float: left;
}

.multiddl-active.selectize-control {
    display: block;
    z-index: 10;
    position: absolute;
    top: 0px;
}

.hide-more .old-ms-CommandButton-label {
    display: none;
}

.selectize-input, .option {
    text-align: left;
}

.input-active.dropdown-active {
    white-space: initial;
}
/*Align 5px text indent space to absolute element*/
.si-new-inputfields .si-control-table tr td.si-control-cell:not(.old-ms-ChoiceFieldGroup) .multiddl-active {
    left: 5px;
}

/*Following background color varies for browsers. https://stackoverflow.com/a/16094931/1779027 */
.selectize-control.single .selectize-input.has-items.focus div.item {
    background-color: #3297FD;
    color: white;
    margin-right: 0px;
}

.selectize-control.single .selectize-input.has-items.focus input {
    margin-left: 0px !important;
}

.filter-selectize-container div.si-selectize-container {
    margin: 6px 0 0 0 !important;
}

/*Style for file property category*/
.file-property-category .si-select-selectize {
    width: 297px !important;
}

table.si-multiselect-border-outline .si-select.selectize-control.multi {
    border: 1px solid #777777;
}

table.si-multiselect-border-outline .si-select.selectize-control.multi.multiddl-active:hover {
     border: 1px dashed #0E76B7;
}

table.si-multiselect-border-outline .si-select.selectize-control.multi:hover {
     border-color: #0E76B7;
}

.si-CommandBarItem-icon {
    /*vertical-align: sub;
    margin: 1px 2px;*/
    max-height: 16px;
}

.si-CommandBarItem .old-ms-CommandButton-icon {
    margin-right: 0;
    top: -10px;
}

.old-ms-CommandButton-button span.old-ms-CommandButton-icon + span {
    text-indent: 8px;
}

.old-ms-CommandButton-button .old-ms-CommandButton-label {
    text-indent: 0px;
    line-height: 21px;
}

.old-ms-CommandBar-mainArea {
	overflow-x: visible;
	overflow-y: visible;
    display: inline;
}

.old-ms-ContextualMenu.is-open {
    width: auto;
    /*-webkit-animation: fadein 1.5s;*/ /* Safari and Chrome */
    /*-moz-animation: fadein 1.5s;*/ /* Firefox */
    /*-ms-animation: fadein 1.5s;*/ /* Internet Explorer */
    /*-o-animation: fadein 1.5s;*/ /* Opera */
    /*animation: fadein 1.5s;*/
}
/*@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}*/

/* Firefox */
/*@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}*/

/* Safari and Chrome */
/*@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}*/

/* Internet Explorer */
/*@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}*/

/* Opera */
/*@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}*/

/* Makes sure the right hand area of the toolbar does not take up space if empty */
.si-toolbar .old-ms-CommandBar-sideCommands:empty, .si-wizard-maincell .old-ms-CommandBar-sideCommands:empty  {
    width: 0;
    min-width: 0;
    padding: 0;
}

/*Toolbars -- should be white not grey*/
.si-toolbar {
    background-color: inherit;
    /*border-bottom: 1px solid #c6c6c6;*/
    padding-bottom: 10px;
    padding-top: 10px;
}

/* the search textbox and fields are missing in search dialog  #126053*/
.old-ms-CommandBar.si-toolbar {
    display:inline-block;
    width:100%;
    height:auto;
}/*while removing this CSS tool bar alignment in dialog are misaligned */

/* Tweak the position of old-fashioned controls (with control table) */
/*.si-toolbar .si-control-table {
    top: 25%;
}*/


/*style for command bar*/
.si-ContextualMenu-container,.si-viewselector-container {
	display:inline-block;
    /*margin-left:10px;*/
}
.si-viewselector-label {
	display:inline-block;
	vertical-align: top;
}
.si-viewselector-container div {
    display: inline-block;
}
.si-viewselector-container .si-viewselector-label div.old-ms-CommandButton-label {
	line-height: 34px;
}

/*.old-ms-CommandBar.si-toolbar .si-control-table.old-ms-CommandButton{
    margin-left: 0px;
}*/

.old-ms-CommandBar.si-toolbar .si-control-table.old-ms-CommandButton .si-listheaderlabel span{
    padding-left: 0px;
}

.old-ms-CommandBar-mainArea .old-ms-CommandButton{
    margin-left: 0px !important;
    /*margin-right:8px;*/
}

/*.old-ms-CommandBar-sideCommands .old-ms-CommandButton {
    margin-left: 8px;
}*/
/*.old-ms-CommandBar-mainArea .si-control-table.old-ms-CommandButton {
    margin-top: 5px;
}*/
.old-ms-CommandBar-mainArea .si-control-table.old-ms-CommandButton.si-multiupload-controltable {
    margin-top: 3px;
}
/* Fabric UI CSS Changed*/

.old-ms-Dialog {
    max-width: inherit;
}

.old-ms-Dialog-main button.old-ms-Dialog-button {
    float: right;
    margin-left: 6px;
}
/* Add more from: when required. https://msdn.microsoft.com/en-us/windows/uwp/style/segoe-ui-symbol-font */
.ms-Icon-FullScreen:before {
    content: '\E1D9';
}

.ms-Icon-BackToWindow:before {
    content: '\E1D8';
}

.ms-Icon-Help:before {
    content: '\E897';
}

.old-ms-Dialog-buttonOther {
    /* This is same CSS as for .old-ms-Dialog-buttonClose defined in Fabric. To save space later we can optimize by merging these two.*/
    background: none;
    border: 0;
    cursor: pointer;
    margin: 0;
    padding: 4px;
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 10;
}

/*html.si-dialog,
.si-dialog body,
.si-dialog #form1,
.si-dialog #mainContainer,
.si-dialog #ContentBar,
.si-dialog #Content,
.si-dialog #PlaceHolderMain_SI360MainUpdatePanel,
.si-dialog .si-dialog-maintable {
    height: 100%;
}*/

.si-dialog-maintable {
    display: flex;
    flex-direction: column;
}

    /*start::: css change for dialog scroll issue*/

    .si-dialog-maintable .si-new-inputfields {
        /*Causing issue in DocumentDetails>Open Files Tab popup dialog > ContextMenu*/
        /*overflow: auto; */
        width: 100%;
    }


div.si-wizard-maintable{
    margin-bottom:10px;
}
.si-wizard-maintable > tbody > tr > td {
    vertical-align: top;
}

.old-ms-Dialog-actions {
    margin-top: 0px;
    position: fixed;
    bottom: 0px;
    right: 1px;
    z-index: 1;
}

.old-ms-Dialog-actions button.si-ms-Button {
    margin-left: 10px;
}

.si-dialog-maintable, .si-dialog-maintable > div {
    display: inline-block;
}

.si-dynamicCriteriasContainer .si-layout-grid-positioning tr
{
    display: flex;
}
/*remove unexpected scroll input dialog inside document details page,eg >files > new*/
/*.si-new-inputfields > div > div:only-child {
    display: inline-block;
}*/

.si-dialog-maintable{
    width: 100%;
}

/*.si-dialog-maintable .si-new-inputfields.si-new-inputfields-ltr.divMainTable{
    overflow: scroll;
    overflow-x: hidden;
}*/

/*end::: css change for dialog scroll issue*/

#si-dialogbuttonsection {
    position: fixed;
    display: block;
}

/*#PlaceHolderMain_SI360MainUpdatePanel{
    display:inline-block;
}*/

/*.si-dialog form, body, .si-dialog {
    display: inline-block;
}

#si-wrapper, #s4-workspace {
    display: inline-block;
}*/

/* Wizard tabs crumb starts here*/

/*.crumb-wrapper {
    border: 1px solid #0072c6;
    width: 99.5%;
}

.crumb-wrapper ul, .crumb-wrapper ul li
{
    list-style-type: none;
}
crumb-wrapper-r2l ul, .crumb-wrapper-r2l ul li
{
    float: right;
}
crumb-wrapper-l2r ul, .crumb-wrapper-l2r ul li
{
    float: left;
}

.crumb-wrapper ul
{
    background-position: center;
    margin: 0px;
}
.crumb-wrapper-r2l ul
{
    background-image: url("/_layouts/15/images/si/wizards/WizardStepsMenu/crumb_1_r2l.png");
    padding-right: 0px;
}
.crumb-wrapper-l2r ul
{
    background-image: url("/_layouts/15/images/si/wizards/WizardStepsMenu/crumb_1.png");
    padding-left: 0px;
}
.crumb-wrapper li a
{
    padding: 4px 5px;
    display: inline-block;
}

.crumb-wrapper li a:hover, .crumb-wrapper li a
{
    text-decoration: none;
}
.crumb-wrapper li.last a, .crumb-wrapper ul.crumb-nav li a
{
    border: 0;
}
.crumb-wrapper ul.crumb-nav li, .crumb-wrapper ul.crumb-nav li a
{
    color: #000;
    position: relative;
    z-index: 5;
}
.crumb-wrapper-r2l ul.crumb-nav li, .crumb-wrapper-r2l ul.crumb-nav li a
{
    border-right: 1px solid #b3b3b3;
}

.crumb-wrapper .crumb-nav li a
{
    background-color: transparent;
}
.crumb-wrapper-r2l .crumb-nav li a
{
    margin-left: 0;
    padding-left: 15px;
    background-position: left center;
}
.crumb-wrapper-l2r .crumb-nav li a
{
    margin-right: 0;
    padding-right: 15px;
    background-position: right center;
}
.crumb-wrapper-r2l .crumb-nav li a
{
    background-image: url("/_layouts/15/images/si/wizards/WizardStepsMenu/crumb_1_r2l.png");
}
.crumb-wrapper-l2r .crumb-nav li a
{
    background-image: url("/_layouts/15/images/si/wizards/WizardStepsMenu/crumb_1.png");
}
.crumb-wrapper-r2l ul.crumb-nav li.crumb-nav-selected a
{
    background-image: url("/_layouts/15/images/si/wizards/WizardStepsMenu/crumb_2_r2l.png");
}
.crumb-wrapper-l2r ul.crumb-nav li.crumb-nav-selected a
{
    background-image: url("/_layouts/15/images/si/wizards/WizardStepsMenu/crumb_2.png");
}

.crumb-wrapper-l2r ul.crumb-nav li.crumb-nav-selected a,
.crumb-wrapper ul.crumb-nav li.crumb-nav-selected a {
    background-image: url(/_layouts/15/images/SI/360/wizard_forward.png);
    background-position: right center !important;
    background-repeat: no-repeat;
    background-color: #0072c6;
    color: #fff;
}

.crumb-wrapper-l2r ul.crumb-nav li.crumb-nav-selected a .ms-formvalidation,
.crumb-wrapper ul.crumb-nav li.crumb-nav-selected a .ms-formvalidation {
    color: #fff;
}

.crumb-wrapper .crumb-nav li a:hover
{
    color: #000;
}
.crumb-wrapper.global ul.crumb-nav li a
{
    color: #000;
}
.crumb-wrapper-r2l ul li:first-child, .crumb-wrapper-r2l ul:first-child
{
    border-right: 0px;
}
.crumb-wrapper-l2r ul li:first-child, .crumb-wrapper-l2r ul:first-child
{
    border-left: 0px;
}

.crumb-wrapper-l2r ul.crumb-nav {
    overflow:hidden;
}*/

/*Wizard tabs crumb ends here*/

/* New wizard tab css*/
.tab-view-menu{
    width: 100%;
}

html.si-dialog .tab-view-menu, .isDlg-content .tab-view-menu{
    position:fixed;
    top:0;
}

html.si-dialog .tab-view-menu.si-wizard-iframe-tab-fix,
.isDlg-content .tab-view-menu.si-wizard-iframe-tab-fix {
    position: unset;
}

.si-dialog main, .si-dialog #s4-workspace, html .isDlg-content{
    overflow:auto;
    min-height:100px;
}

.si-overflowHidden{
    overflow:hidden !important;
}
button[id$=_WizardNextButton], button[id$=_WizardPreviousButton] {
	display: none;
}
.old-ms-Dialog-content .old-ms-Dialog-actions{
	position:absolute;
}
.si-site-content.isDlg-content div.si-dialog-maintable table[id$="_FileVersionListControl_body"] {
	margin-top: 10px;
}

div[id$="_FileImportContainer_DocumentMultiFileUploadControl_dragdropContainer"] {
    margin: 10px 0;
    text-align: center;
    border: 2px dashed #d8d8d8;
    padding: 10px 0;
}
table[id$="_FileImportContainer_DocumentMultiFileUploadControl_MainTable"]{
    width:100%;
}
/*.old-ms-CommandBar div[id$="_DocumentMultiFileUploadControl_dragdropContainer"] {
    padding-top: 10px;
}*/
div[id$="_DocumentMultiFileUploadControl_dragdropFilesContainer"] {
	border: 1px solid #ccc;
	border-radius: 6px;
	height: 32px;
	line-height: 32px;
}

div[id$="_DocumentMultiFileUploadControl_dragdropFilesContainer"]:hover {
		background-color: #62B3E5;
		border: 1px solid #62B3E5;
	}
div[id$="_DocumentMultiFileUploadControl_dragdropContainer"] a[id$="_dragdropSelectFilesAnchorControl"] {
    background-position: 12px 10px;
    background-repeat: no-repeat;
    padding: 8px 12px 6px 35px;
    color: #333;
    text-decoration: none;
}

div[id$="_DocumentMultiFileUploadControl_dragdropContainer"] a[id$="UploadControl_DocumentMultiFileUploadControl_dragdropSelectFilesAnchorControl"] {
    border: 1px solid #ccc;
    border-radius: 6px;
    background-color: #eee;
}

.SimpleDetailContainer div[id$="_DocumentMultiFileUploadControl_dragdropContainer"] a[id$="UploadControl_DocumentMultiFileUploadControl_dragdropSelectFilesAnchorControl"] {
    background-color: #fff;
}

div[id$="_DocumentMultiFileUploadControl_dragdropContainer"] a[id$="UploadControl_DocumentMultiFileUploadControl_dragdropSelectFilesAnchorControl"]:hover,
.si-dialog-maintable div[id$="_DocumentMultiFileUploadControl_dragdropContainer"] a[id$="UploadControl_DocumentMultiFileUploadControl_dragdropSelectFilesAnchorControl"]:hover {
    background-color: #62b3e5;
    border: 1px solid #62b3e5;
    color: #fff;
}

.si-dialog-maintable div[id$="_DocumentMultiFileUploadControl_dragdropContainer"] {
    margin-top: 7px;
}
table[id$="_FileImportContainer_ImportFileListControl_MainTable"] span.si-labellistcontainer a {
        /*padding: 0px 10px 0px 22px;*/
    }
table[id$="_FileImportContainer_ImportFileListControl_MainTable"] span.si-labellistcontainer img {
   /*position: absolute;*/
   /*margin-top: 3px;*/
   padding:0 6px;
   max-width: 16px;
   max-height: 16px;
}

 div[id$="_dragdropDropHereTxt"] {
	position: absolute;
	display:none;
	text-align: center;
	font-size: large;
	color: #6d6f72;
	width: 100%;
}
 #dragdropDivContainer {
    position: absolute;
    z-index: 1200;
    display: inline;
    text-align: center;
    font-size: large;
    border: 1px solid #2a8dd4;
    color: #6d6f72;
}

.si-toolbar .si-control-table.si-multiupload-controltable {
    top: auto;
}
/*fix ui issue new contact wizard > zip control*/
.si-input-ziptextbox.old-ms-TextField-field {
    min-width: initial;
    min-width: auto; /*initial is not supported in IE but auto*/
}

input[name*='AreaCodeTextBox'] {
    min-width: 60px;
}

textarea[id$="NotesStep_Control"] {
    height: 200px !important;
}

.si-textbox-note {
    background-color: #FFFFE0;
}

.old-ms-TextField-field.si-input-textbox,
.old-ms-TextField-field.si-input-ziptextbox {
    border: 1px solid #777777;
    border-radius: 6px;
    color: #333;
    height: 36px;
    padding: 6px 12px 6px 12px;
    vertical-align: top;
    margin-bottom: 4px; /*making uniform space between controls(rows)*/
    text-decoration: none;
    font-weight: 400;
}

.old-ms-TextField-field.si-input-textbox:hover,
.old-ms-TextField-field.si-input-ziptextbox:hover{
    border-color: #0E76B7;
    background-color: #E5F6FE;
}

.old-ms-TextField-field.si-input-textbox:focus,
.old-ms-TextField-field.si-input-ziptextbox:focus{
    border-style: dashed;
    background-color: #E5F6FE;
}

/* --- Postal code specific border fix --- */
.si-zip-border td:first-child .si-input-ziptextbox {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.si-zip-border td + td .si-input-ziptextbox {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.old-ms-TextField-field.si-input-textbox[disabled] {
    background-color: #F8F8F8;
    border-color: #dddddd;
    color: #999;
    opacity: 0.5;
}

.old-ms-TextField-field::-webkit-input-placeholder {
    color: #999;
}

.old-ms-TextField-field:-moz-placeholder, .old-ms-TextField-field::-moz-placeholder {
    color: #999;
}

.old-ms-TextField-field:-ms-input-placeholder {
    color: #999;
}

/*#region --- Multiline TextField Styling --- */
.old-ms-TextField.old-ms-TextField--multiline .si-textbox-area {
    font-size: 13px;
    color: #333;
}

.height200 .si-textbox-area {
    height: 200px;
}
.height100 .si-textbox-area {
    height: 100px;
}
/*#endregion Multiline TextField*/

.si-inputlabel
{
	padding-right:4px;
	padding-top: 3px;
	padding-bottom: 3px;
}


/*these five styles should probably be in another file becuase it is pretty general. but i refuse to call a file "MiscStyles" so until we figure out a better name they can be here.*/
.si-new-inputfields .si-label,.si-new-inputfields .si-inputlabel
{
	vertical-align:middle!important;
}
.si-new-inputfields .si-control-table tr td.si-inputlabel {
 width: 150px;
}

.ms-long{
width:386px;
}

.si-no-width {
    width: auto;
}

.si-listheaderlabel span {
    padding-left: 4px;
    padding-right: 4px;
    white-space: nowrap;
}
.si-wizard-maincell table tr td.si-layout-grid-positioningcell.si-nowrap:not(:first-child) {
	display: table-cell;
}

.si-control-table-genericcontainer-captionover table tr td.si-layout-grid-positioningcell.si-nowrap:not(:first-child){
   vertical-align: bottom;
   /*padding-bottom: 9px;*/
}
.si-extdatagrid-wrapper {
    margin-left: 5px;
    margin-top: 3px;
    height: auto !important;
}

.si-extdatagrid-wrapperheadercell {
    background-color: transparent !important;
}

.si-extdatagrid-headerdivnoscroll {
    background-color: #F0F0F0;
    background-color: #F0F0F0;
    border-bottom: 1px solid silver;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    width: calc(100% - 2px) !important;
}

.ms-HoverCellActive {
    background-color: lightskyblue;
}


.si-multiselect-search .s4-search div.ms-searchimage {
    float: none;
}

.si-multiselect-search .s4-search input.si-ms-searchbox {
    padding-left: 0;
    padding-right: 0;
    width: 100% !important;
    margin-left: -5px;
}

.si-multiselect-searchbox {
    margin-left: 5px;
    margin-top: 3px;
    padding-bottom: 2px !important;
}

div.si-extdatagrid-wrapper.old-ms-TextField-field {
    padding: 0px 0px 0px 0px;
}

div.si-extdatagrid-wrapper .si-extdatagrid-headertablecell {
    padding: 5px 0px 5px 5px;
}


/*############################################################################################
#
#					ICON STYLES
#
############################################################################################*/
.si-icon{
    display: inline-block;
    height: 16px;
    width: 16px;
    background-color: transparent;
    background-image: url("/_layouts/15/images/icons.png?id=2");
    background-repeat:no-repeat;
}

.ms-viewheadertr span.si-icon {
    background-position:0px 0px;
}

/*tr.s4-itm-selected .si-icon{
    background-position:-16px 0px;
}*/

span.ms-selectitem-span .si-icon{
    background-position:-16px 0px;
}
#mainContainer .si-breadcrumb .si-icon-arrow {
    background-image: url(/_layouts/images/arrow-next-white.svg);
    background-size: 10px 10px;
    /*background-position: 5px 7px;*/
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 12px;
}
.si-open-menu {
    background-position: center;
    vertical-align:middle;
    width: 21px;
    height: 21px;
    outline:1px solid transparent;
    background-image: url("/_layouts/images/more-horizontal.svg");
    background-size: 14px;
}
.si-imageButton {
    padding-top: 0px !important;
    background-color: transparent;
    margin-left: 0px;
	height : 20px; 
    line-height: 16px;
    border: 0px;
    cursor: pointer;
    vertical-align:top;
    text-indent: 0px;
}

#si-wrapper .si-imageButton {
    height:auto;
}
#si-wrapper button[id*='_SearchModuleBtn'] span {
    display: none;
}

#si-wrapper ul.static li.static.selected > a {
    color: #ca2728!important;
}

#si-wrapper ul.static li.static > a {
    border-bottom: 10px solid #dcdddd;
    min-width: 125px;
    text-decoration: none;
    display: inline-block;
}

#si-wrapper ul.static li.static.selected > a {
    color: #ca2728!important;
     border-bottom: 10px solid #ca2728;
}

#si-wrapper ul.static li.static > a:hover {
    border-bottom: 10px solid #ca2728;
    color: #ca2728!important;
}
#si-wrapper ul.static li.static{
    padding-right:2px;
}
button[id*='_CreateNewControl'] {
    cursor: pointer;
    margin-top: -2px;
    padding: 8px 20px;
    margin-left: 50px;
    color: white;
    margin: 2px 0px 10px 60px;
    background: #ca2728 !Important;
    float: right;
}


/* Space between icon and text */
.si-imageButton .old-ms-Label {
    display: inline;
    font-size: 13px;
}

.old-ms-Button-icon{
display: inline;
}

.old-ms-Button-label{
    white-space:nowrap;
}

/* I remove this border and stuff for now. The idea is that we present the webpage as fabric-y as possible, and then the pm's can pick and choose from whatever design they want.

    .si-menu-button {
    border: 1px solid #ababab !important;
    font-weight: normal;
    color: #fff !important;
}*/




/*#region --- Button --- */
/* Normal Button */
.si-ms-Button {
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    border-radius: 6px;
    height: 34px;
    padding: 6px 12px;
    line-height:21px;
    vertical-align: top;
}
	.si-ms-Button:not(:disabled):hover {
		background-color: #62B3E5;
		border-color: #62B3E5;
		color: #FFF;
	}
.si-ms-Button:not(:disabled):hover .old-ms-Button-label {
    color: #FFF;
}
.si-ms-Button:focus{
    position: relative;
}
.si-ms-Button:focus::after {
    content: "";
    position: absolute;
    inset: 2px;
    border: 1px solid transparent;
    outline: rgb(96, 94, 92) solid 1px;
    z-index: 1;
}
.si-ms-Button:disabled, .si-quicksearch-check-button-image:disabled {
    background-color: #f8f8f8;
    border-color: #eeeeee;
    cursor: not-allowed;
}
.si-ms-Button:disabled .old-ms-Button-label {
    color: #999999;
}
.si-ms-Button:not(:disabled):active {
    background-color: #0E76B7;
    border-color: #0E76B7;
}
.si-ms-Button:not(:disabled):active .old-ms-Button-label {
    color: #FFF;
}
/* Primary Button */
.si-ms-Button.old-ms-Button--primary {
    background-color: #0E76B7;
    border: 1px solid #0E76B7;
    border-radius: 6px;
}
.si-ms-Button.old-ms-Button--primary .old-ms-Button-label {
    color: #FFF;
}
.si-ms-Button.old-ms-Button--primary:hover {
    background-color: #62B3E5;
    border-color: #62B3E5;
}
.si-ms-Button.old-ms-Button--primary:hover .old-ms-Button-label {
    color: #FFF;
}
.si-ms-Button.old-ms-Button--primary:focus{
    position: relative;
}
.si-ms-Button.old-ms-Button--primary:focus::after {
    content: "";
    position: absolute;
    inset: 2px;
    border: 1px solid transparent;
    outline: #ffffff solid 1px;
    z-index: 1;
}
.si-ms-Button.old-ms-Button--primary:active {
    background-color: #004A75;
    border-color: #004A75;
}
.si-ms-Button.old-ms-Button--primary:active .old-ms-Button-label {
    color: #fff;
}
.si-ms-Button.old-ms-Button.old-ms-Button--primary:disabled {
    background-color: #CEE3F0;
    border-color: #CEE3F0;
}

/*#endregion Button */

/* Green Button */
.si-ms-Button.old-ms-Button--green {
    background-color: #348644;
    border: 1px solid #348644;
    border-radius: 6px;
}
.si-ms-Button.old-ms-Button--green .old-ms-Button-label {
    color: #FFF;
}
.si-ms-Button.old-ms-Button--green:hover {
    background-color: #6CC04A;
    border-color: #6CC04A;
}
.si-ms-Button.old-ms-Button--green:hover .old-ms-Button-label {
    color: #FFF;
}
.si-ms-Button.old-ms-Button--green:focus {
    background-color: #266232;
    border-color: #266232;
    outline: 1px solid transparent;
}
.si-ms-Button.old-ms-Button--green:focus .old-ms-Button-label {
    color: #fff;
}
.si-ms-Button.old-ms-Button--green:active {
    background-color: #266232;
    border-color: #266232;
}
.si-ms-Button.old-ms-Button--green:active .old-ms-Button-label {
    color: #fff;
}

/*#endregion Button */
/* Pink Button */
.si-ms-Button.old-ms-Button--pink {
    background-color: #D51067;
    border: 1px solid #D51067;
    border-radius: 6px;
}
.si-ms-Button.old-ms-Button--pink .old-ms-Button-label {
    color: #FFF;
}
.si-ms-Button.old-ms-Button--pink:hover {
    background-color: #E56385;
    border-color: #E56385;
}
.si-ms-Button.old-ms-Button--pink:hover .old-ms-Button-label {
    color: #FFF;
}
.si-ms-Button.old-ms-Button--pink:focus {
    background-color: #9B0C4B;
    border-color: #9B0C4B;
    outline: 1px solid transparent;
}
.si-ms-Button.old-ms-Button--pink:focus .old-ms-Button-label {
    color: #fff;
}
.si-ms-Button.old-ms-Button--pink:active {
    background-color: #9B0C4B;
    border-color: #9B0C4B;
}
.si-ms-Button.old-ms-Button--pink:active .old-ms-Button-label {
    color: #fff;
}

/*#endregion Button */


.old-ms-ContextualMenu{
    z-index:10;
    text-align:left;
}

.old-ms-ContextualMenu.si-ContextualMenu {
    position: absolute;
}

/* Search results filter version of Button */
.si-search-refiners .si-ms-Button {
    border: 1px solid #f8f8f8;
    background-color: inherit;
}
.si-search-refiners .si-ms-Button .old-ms-Button-label{
    font-family: "OpenSans";
    font-weight: normal;
}

.si-search-refiners .si-ms-Button:focus {
    background-color: #004a75;
    border-color:#004a75;
}

/*#endregion Filter version of Button */

.si-ContextualMenu.is-open {
    display: block;
}
.si-ContextualMenu.is-hidden {
	display: none;
}

.si-hide-screenreader-text {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
/* Styles for shortcut key tooltip*/
.si-shortcut-tooltip, .ms-menubuttonactivehover div.ms-MenuUIPopupBody.ms-MenuUIPopupScreen div.ms-MenuUIPopupInner div.si-shortcut-tooltip
	{
	position: absolute;
	background: transparent url("/_layouts/15/images/si/shortcutkey-bg.png") left top no-repeat !important;
	padding: 0;
	margin: 0;
	width: 16px;
	height: 17px;
	font-size: 13px;
	text-align: center;
	line-height: 15px;
	color: #676767;
	text-indent: 0px !important;
	z-index: 9999 !important;
	font-family: "Segoe UI", verdana, "Trebuchet MS", Tahoma !important;
   }

.ms-menubuttonactivehover div.ms-MenuUIPopupBody.ms-MenuUIPopupScreen div.ms-MenuUIPopupInner div.si-shortcut-tooltip div,
div.ms-MenuUIPopupBody.ms-MenuUIPopupScreen div.si-shortcut-tooltip div
	{
		background: transparent !important;
	}

div.ms-MenuUIPopupBody.ms-MenuUIPopupScreen div.si-shortcut-tooltip div
	{
		margin: 0 0 3px 0;
	}

#PlaceHolderMain_MainView_SearchButton_MenuButtonDiv .si-shortcut-tooltip
{
	margin: 1px 0 0 0 !important;
}

.si-layout-grid-positioning tr + tr + tr + tr + tr + tr td.si-layout-grid-positioningcell.si-nowrap div.si-shortcut-tooltip,
.si-layout-grid-positioning tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr td.si-layout-grid-positioningcell.si-nowrap div.si-shortcut-tooltip
{
	margin: 4px 0 0 0px !important;
}

.si-layout-grid-positioning tr + tr + tr + tr + tr + tr + tr td.si-layout-grid-positioningcell.si-nowrap div.si-shortcut-tooltip
{
	margin: auto !important;
}

.crumb-nav .si-shortcut-tooltip
{
margin-left: 20px;
}

a[id$="_MainView_TopHeaderInfoContainer_GenericContainer"] div.ms-cal-navheader
{
	width: 125px;
}

a[id$="_MainView_SearchPager_previous"]
{
	width: 70px;
}

:root a[id$="_MainView_SearchPager_next"] div.si-shortcut-tooltip
{
	line-height: 7px;
	margin-top: 0px;
	margin-left: 0px;
}

:root a[id$="_MainView_SearchPager_previous"] div.si-shortcut-tooltip
{
	line-height: 7px;
	margin-top: 0px;
	margin-left: 0px;
}

html>/**/body  a[id$="_MainView_SearchPager_next"] div.si-shortcut-tooltip
{
	line-height: 7px;
	margin-top: -16px;
	margin-left: 67px;

}

html>/**/body a[id$="_MainView_SearchPager_previous"] div.si-shortcut-tooltip
{
	line-height: 7px;
	margin-top: -16px;
	margin-left: 15px;
}


a[id$="_MainView_SearchPager_previous"] div.si-shortcut-tooltip div
{
	margin-left: -1px;
}

a[id$="_MainView_SearchPager_next"]
{
	width: 40px;
}

div[id$="ChangeDetailModeButtonC03C920796A8_MenuButtonDiv"] div.si-shortcut-tooltip
{
	margin: 2px 0 0 0;
}

div[id$="ChangeDetailModeButtonC03C920796A8_MenuButtonDiv"] div.si-shortcut-tooltip div
{
	margin: -4px 0 0 -2px !important;
	vertical-align: top;
}

li[id$="_PlaceHolderMain_MainView_crumb1"] div.si-shortcut-tooltip
{
	margin-left: 3px!important;
}

tr[id$="_PlaceHolderMain_MainView_SearchToolbarContainer_ToolbarMainTableRow"] .ms-toolbar .ms-buttoninactivehover .si-shortcut-tooltip,
tr[id$="_PlaceHolderMain_MainView_SearchToolbarContainer_ToolbarMainTableRow"] .ms-toolbar .ms-buttonactivehover .si-shortcut-tooltip,
tr[id$="_PlaceHolderMain_MainView_SearchToolbarContainer_ToolbarMainTableRow"] .ms-toolbar .ms-menubuttonactivehover .si-shortcut-tooltip,
tr[id$="_PlaceHolderMain_MainView_SearchToolbarContainer_ToolbarMainTableRow"] .ms-toolbar .ms-menubuttoninactivehover .si-shortcut-tooltip
{
	margin-left: -18px;
}
#s4-workspace #contentRow tr[id$="_PlaceHolderMain_MainView_SearchToolbarContainer_ToolbarMainTableRow"] .ms-toolbar .ms-buttoninactivehover li .si-shortcut-tooltip,
#s4-workspace #contentRow tr[id$="_PlaceHolderMain_MainView_SearchToolbarContainer_ToolbarMainTableRow"] .ms-toolbar .ms-buttonactivehover li .si-shortcut-tooltip,
#s4-workspace #contentRow tr[id$="_PlaceHolderMain_MainView_SearchToolbarContainer_ToolbarMainTableRow"] .ms-toolbar .ms-menubuttonactivehover li .si-shortcut-tooltip,
#s4-workspace #contentRow tr[id$="_PlaceHolderMain_MainView_SearchToolbarContainer_ToolbarMainTableRow"] .ms-toolbar .ms-menubuttoninactivehover li .si-shortcut-tooltip
{
	margin: 3px 0px 0px 0px;
}

div[id$="_PlaceHolderMain_MainView_ViewSelector_t"] .si-shortcut-tooltip
{
	margin-left: -16px;
}

.si-quicksearch-check-button-image .si-shortcut-tooltip, #headerActionContainer .si-shortcut-tooltip
{
    top: 0px;
    left: 0px;
}

#user-info-button .si-shortcut-tooltip, .DesktopManagementActionButton .si-shortcut-tooltip
{
    display: inline-table;
}

#navigation-bar-manage-dekstop-context-menu .si-shortcut-tooltip, .old-ms-Pivot-link .si-shortcut-tooltip
{
    display: inline-block;
    left: 0px;
}

.CollapseTitle .si-shortcut-tooltip
{
    display: inline-table;
}

#AdvancedSearchMenu .si-shortcut-tooltip{
    left: 10px !important;
}

#DesktopManagementActionBar .si-shortcut-tooltip, button[id$="_imgButton"] .si-shortcut-tooltip
{
    left: -10px;
    top: 4px;
}

#DesktopNavigationListControlWrapper .si-shortcut-tooltip {
    top: 2px;
    left: 0px;
}

#si-wrapper #TopNavigationMenu ul li.static .si-shortcut-tooltip{
    top: -5px !important;
    left: -10px !important;
}

#si-wrapper #TopNavigationMenu ul li.static .level2 .si-shortcut-tooltip{
    left: -5px !important;
}

button[sitype="buttoncontrol"] .si-shortcut-tooltip{
    top: 0px;
    left: 0px;
}
/*.level2.old-ms-ContextualMenu.is-open.dynamic {*/
     /*left:unset!important;*/
    /*top:75px!important;
}*/

.edge ul {
     /*left:unset!important;*/
    right:100%;
}

.old-ms-ContextualMenu.is-open.dynamic {
    /*border:1px solid;*/
    box-shadow: 0 0 5px 0 rgba(0,0,0,.4);
}
.old-ms-ContextualHost, .old-ms-ContextualHost-main{
   border-radius:10px;
}

.si-DropDownButtonControl a:hover {
    text-decoration: none;
}

.old-ms-ContextualHost, .old-ms-ContextualHost-main{
    border-radius:10px;
}

.old-ms-ContextualMenu-item.si-context-menu > a.old-ms-ContextualMenu-link {
    /*display: flex;*/
     /*padding-left: 8px;*/
}

	.old-ms-ContextualMenu-item > a.old-ms-ContextualMenu-link:hover, .old-ms-ContextualMenu-item.si-context-menu > a.old-ms-ContextualMenu-link:hover,
	.old-ms-ContextualMenu-item.highlight > a.old-ms-ContextualMenu-link, .old-ms-ContextualMenu-item.si-context-menu.highlight > a.old-ms-ContextualMenu-link {
		text-decoration: none;
		border-top: 1px solid #62B3E5;
		border-bottom: 1px solid #62B3E5;
		background-color: #DFEEF8;
	}

.old-ms-ContextualMenu-link:active, .old-ms-ContextualMenu-link:focus, .old-ms-ContextualMenu-link:hover {
    color: #0E76B7;
}
.old-ms-ContextualMenu-link.is-selected{
    background-color:#e9f7ff;
}

.old-ms-ContextualHost, .old-ms-ContextualHost-main, .old-ms-ContextualMenu.is-open{
    box-shadow:none;
    /*background-color:transparent;*/
}

.old-ms-ContextualMenu.si-ContextualMenu {
    max-width: none;
    border: 1px solid #62B3E5;
    border-radius: 6px;
    min-width: 215px;
    padding:4px;
}

.old-ms-ContextualMenu.si-ContextualMenu.si-listcontrol-header-menu {
    max-height: 800px;
    overflow-y: auto;
    text-overflow:ellipsis;
    max-width: 400px;
}
/*.old-ms-ContextualMenu-item:first-child, .old-ms-ContextualMenu-item.si-context-menu:first-child{
    margin-top: 10px;
}
.old-ms-ContextualMenu-item:last-child, .old-ms-ContextualMenu-item.si-context-menu:last-child {
     margin-bottom: 10px;
}*/

.old-ms-ContextualMenu-link{
    color:#0E76B7;
    line-height: 34px;
    height: 34px;
}

.old-ms-ContextualMenu.si-ContextualMen{
    width: auto;
    border-radius: 10px !important;
    border: 1px solid #62B3E5;
}

/* Space for the icons */
/*.old-ms-ContextualMenu.si-ContextualMenu.old-ms-ContextualMenu--hasIcons .old-ms-ContextualMenu-link {
    padding-left: 55px;
}*/

.old-ms-ContextualMenu.si-ContextualMenu.old-ms-ContextualMenu--hasIcons.si-ContextualMenu--largeIconMode .old-ms-ContextualMenu-link {
    padding-left: 40px;
}

/* Size of icons */
.old-ms-ContextualMenu.si-ContextualMenu.old-ms-ContextualMenu--hasIcons .si-context-menu .si-ContextualMenu-Icon {
    width: 20px;
    height: 20px;
    max-width: 32px;
    max-height: 32px;
    margin-left: 10px;
}

/* size of icons (large) */
.old-ms-ContextualMenu.si-ContextualMenu.old-ms-ContextualMenu--hasIcons.si-ContextualMenu--largeIconMode .si-context-menu .si-ContextualMenu-Icon {
   min-width: 20px;
    min-height: 20px;
    max-width: initial;
    max-height: initial;
}

.si-DropDownButtonControl {
    white-space: nowrap;
}


/* Fixed the issue for the Zip code search window.*/
.si-dropdownpanelhost-shell {
    background: #FFF;
    float: left;
    height: 200px;
    overflow: auto;
    width: 300px;
}

.si-border, .si-dropdownpanelhost-shell, .si-extdatagrid-wrapper {
    border: 1px solid #999 !important;
}

.si-zip-border{
    display:table !important;
    float:inherit !important;
}
/*styles for Context menu*/
.old-ms-ContextualMenu-link img {
    padding-right:10px;
}
.ul-sorting-list a, .ul-filter-list a {
    color: #0E76B7;
}
.old-ms-ContextualMenu-link:focus {
  border: 1px solid transparent !important;
}
.old-ms-ContextualMenu-item:not(:first-child), .old-ms-ContextualMenu-item.si-context-menu:not(:first-child) {
     margin-top: 5px;
}

/*:last-child psuedo class will select last child irrespecive of visiblity so in case of last child with display:none it will cause issue*/
/*.old-ms-ContextualMenu-item:not(:last-child), .old-ms-ContextualMenu-item.si-context-menu:not(:last-child) {
    margin-bottom: 5px;
}*/
.old-ms-ContextualMenu-link:hover,
.old-ms-ContextualMenu-link:active,
.old-ms-ContextualMenu-link:focus, .old-ms-ContextualMenu-item.highlight > a.old-ms-ContextualMenu-link {
	border: 1px solid #62B3E5;
	background-color: #E5F6FE;
	border-radius: 6px;
}

/*#region --- Dropdown --- */
.si-globalsearch-dropdown.old-ms-Dropdown:hover .old-ms-Dropdown-title {
    border-color: #0E76B7;
    background: #E5F6FE;
}
.si-globalsearch-dropdown.old-ms-Dropdown:focus .old-ms-Dropdown-title,
.si-globalsearch-dropdown.old-ms-Dropdown.is-open .old-ms-Dropdown-title {
    border-style: dashed;
    background: #E5F6FE;
}
.si-globalsearch-dropdown .old-ms-Dropdown-items {
    box-shadow: none;
    border-radius: 6px;
}
.si-globalsearch-dropdown .old-ms-Dropdown-items:before {
    border: 1px solid #0E76B7;
    border-radius: 6px;
}
.si-globalsearch-dropdown .old-ms-Dropdown-item:first-child:hover {
    border-radius: 6px 6px 0px 0px;
}
.si-globalsearch-dropdown .old-ms-Dropdown-item:last-child:hover {
    border-radius: 0px 0px 6px 6px;
}
.si-globalsearch-dropdown .old-ms-Dropdown-item:hover {
    background-color: #E5F6FE;
    color: #333;
    border: 1px solid #0E76B7;
}
.si-globalsearch-dropdown .old-ms-Dropdown-item:active {
    background-color: #E5F6FE;
    border-color: #0E76B7;
    color: #333;
}
.si-globalsearch-dropdown .old-ms-Dropdown-item.is-selected, .si-globalsearch-dropdown .old-ms-Dropdown-item.old-ms-Dropdown-item--selected {
    background-color: #0E76B7;
    color: #FFF;
}
.si-globalsearch-dropdown .old-ms-Dropdown-item.is-selected:hover, .si-globalsearch-dropdown .old-ms-Dropdown-item.old-ms-Dropdown-item--selected:hover {
    background-color: #0E76B7;
    color: #FFF;
}
/*#endregion Dropdown*/
.old-ms-ContextualMenu-item.old-ms-ContextualMenu-item--hasMenu .old-ms-ContextualMenu {
    left: 203px;
    top: -5px;
}
/*.old-ms-ContextualMenu.is-open .old-ms-ContextualMenu {
    left:187px;
}*/

.old-ms-ContextualMenu.si-ContextualMenu li.old-ms-ContextualMenu-item--hasMenu .ms-Icon--ChevronRightSmall {
    width:24px;
}

/*#startRegion EditableDropDown*/
.front {
	position: relative;
	width: 345px;
	z-index: 3;
	line-height: 12px;
	float: left;
	top: -36px;
	left: 10px;
	height: 26px;
	background-color: #fff !important;
	border: none;
}


.wrapDiv {
	width: 392px;
	float: left;
	margin-bottom: -15px;
	padding: 0 0 25px 5px;
	height: 28px;
}


.front:focus {
	outline-color: #fff;
}
/*endRegion EditableDropDown*/

/*.ms-cellStyleNonEditable {
    height:25px;
}*/

#PlaceHolderMain_MainView_GroupByControl_MainTable.si-control-table.old-ms-CommandButton-button {
border:none;
}

.selectize-input{
    font-size:100%;
}

#PlaceHolderMain_MainView_TemplateScope_MainTable.si-control-table.old-ms-CommandButton-button{
    padding-top:6px;
}

/*#PlaceHolderMain_MainView_GroupByControl_CaptionCell.ms-listheaderlabel.si-listheaderlabel{
    padding-bottom:5px;
}*//*Alignment issue fixed for select template wizard in Documents TFS#138669*/

.si-Button--primary  {
    color: #fff;
}

/*#PlaceHolderMain_MainView_TemplateScope_MainTable.si-control-table.old-ms-CommandButton {
padding-top:7px;
}*//*Alignment issue fixed for select template wizard in Documents TFS#138669*/

.old-ms-CommandBar .si-radiogrouptable {
    padding-top:7px;
}
/* Simplified view */
div.Collapsable{
    background:#fff;
    border-radius:5px;
    margin-bottom: 15px;
    border: 1px solid #e2e2e2;
    box-shadow: 2px 2px 2px 2px #eee;
	width:100%;

}

div.CollapseTitle{
    margin: 5px;
    border-radius: 3px;
}
div.CollapseTitle:hover {
  background-color:#E5F6FE;
}

div.Collapsable div.WithBorder{
    margin: 0 15px 0 15px;
}

div.CollapseTitle:empty{
    display:none;
}

div.Collapsable div.CollapseTitle div.WithBorder{
    margin: 5px;
}

div.Collapsable div.CollapseTitle .old-ms-CommandButton.si-CommandBarItem.old-ms-CommandButton--iconOnly button{
    border: none;
    background:none;
    padding: 0 5px;
}

div.Collapsable div.CollapseTitle button[id*='_ExClpseControl'] {
    border: none;
}

/*div.Collapsable [data-si-class="Expand"] {
    overflow: hidden;
    margin-top: 5px;
    border: 1px solid #f0f0f0 !important;
    background: #f0f0f0;
    color: #555555;
}
div.Collapsable [data-si-class="Collapse"] {
    overflow: hidden;
    margin-top: 5px;
    border: 1px solid #e0e0e0 !important;
    background: #f0f0f0;
    color: #555555;
}*/

div.Collapsable [data-si-class="Collapse"] [id$="_ExClpseControl"] {
    background: url('/_layouts/15/images/SI/DetailsView/collapse.png') no-repeat 4px 12px;
    padding-left: 25px;
    display: inline-block;

}
div.Collapsable [data-si-class="Expand"] [id$="_ExClpseControl"] {
    background: url('/_layouts/15/images/SI/DetailsView/expand.png') no-repeat 4px 12px;
    padding-left: 25px;
    display: inline-block;

}
div.Collapsable .WithBorder > div.GenericContainer {
    padding: 5px;
    border-top: 1px solid #e2e2e2;
	padding-top: 10px !important;
}
div.Collapsable .WithBorder > div.GenericContainer:empty {
        border: none !important;
        padding: 0px !important;
}
div.Collapsable [id$="_ExClpseControl"] {
    font-size: 16px !important;
    color: #444444;
    outline: 0;
}
div.Collapsable [id$="_ExClpseControl"] .old-ms-CommandButton-label {
    font-size: 16px !important;
    color: #444444;
}

div.Collapsable [data-si-class="Expand"] .ms-buttoninactivehover,
div.Collapsable [data-si-class="Expand"] .ms-buttonactivehover,
div.Collapsable [data-si-class="Collapse"] .ms-buttoninactivehover,
div.Collapsable [data-si-class="Collapse"] .ms-buttonactivehover {
margin: 0px;
padding: 0px 4px 0px 4px;
border: 0px solid transparent;
}
div.CollapseTitle td[id$="_ExClpseControl_Cell"] {
	width: 99%;
}
div.CollapseTitle td[id$="_ExpandCollapseContainer_ToolbarMiddleSpace"] {
	display: none;
}

/* Simplified view Entity Header text Styling */
/*can be removed after verifying that it's not used anymore   table is replaced by div */
/*.si-ms-pagetitleareaframe .GenericContainer.si-genericcontainer-visiblecontrols table + table[id$='_DetailTitleControl_Table'] {
	border: 1px solid #d8d8d8 !important;
}
.si-ms-pagetitleareaframe .GenericContainer.si-genericcontainer-visiblecontrols table + div[id$='_DetailTitleControl_Table'] {
	border: 1px solid #d8d8d8 !important;
    display: inline-block;
}*/
/*can be removed after verifying that it's not used anymore   table is replaced by div */
/*.si-ms-pagetitleareaframe .GenericContainer.si-genericcontainer-visiblecontrols table + table[id$='_DetailTitleControl_Table']:hover {
	background: #f0f0f0 !important;
	border: 1px solid #d8d8d8 !important;
}
.si-ms-pagetitleareaframe .GenericContainer.si-genericcontainer-visiblecontrols table + div[id$='_DetailTitleControl_Table']:hover {
	background: #f0f0f0 !important;
	border: 1px solid #d8d8d8 !important;
}*/
/*can be removed after verifying that it's not used anymore   table is replaced by div */
.si-ms-pagetitleareaframe .si-genericcontainer-visiblecontrols.GenericContainer table[id$='_DetailTitleControl_Table'] .si-pagetitle.ms-pagetitle .old-ms-Button-label {
   color: #444 !important;
}
.si-ms-pagetitleareaframe .si-genericcontainer-visiblecontrols.GenericContainer div[id$='_DetailTitleControl_Table'] .si-pagetitle.ms-pagetitle .old-ms-Button-label {
   color: #444 !important;
}

div.Collapsable div[id*="SimpleDetailContainer"]{
	padding-top:0px !important;
	padding-bottom:0px !important;
}

table[id*="_FullWidth"] {
    width: 100% !important;
}

td[id*="_FullWidth_CaptionCell"] {
    width: 10% !important;
}
/* Simplified view Left & Right outside container */
.SimpleDetailContainer {
	display: flex;
    flex-wrap: wrap;
}
.SimpleLeftDetail {
    flex:68%;
}

.SimpleRightDeatil {
    flex:30%;
}

.SimpleLeftDetail,
.SimpleRightDeatil {
    margin: 0 7px;
}

.si-searchviewhdr .si-ms-pagetitleareaframe div.ms-buttonactivehover a:hover,
.si-searchviewhdr .si-ms-pagetitleareaframe div.ms-menubuttonactivehover a:hover {
text-decoration: none;
}

.si-searchviewhdr .si-ms-pagetitleareaframe div[id*="_DetailFunctionControl"]{
line-height: 20px;
}

.si-searchviewhdr .si-ms-pagetitleareaframe div[id$="_SocialContainer_GenericContainer"] img[src*="15/images/si/imnblocked.png"] {
margin: 5px 0px 0px 5px;
height: 16px;
width: 16px;
}

div.Collapsable span[id$="_PhasesFolderView_ViewControl_ProgressPlanDescription"]
{
    font-weight: 600;
}

/*Style to align two horizontal lines and button to left*/
div[id$='_MainView_PhasesFolderView_GenericContainer'] table[id$='_PhasesImageToolbarContainer_ToolbarMainTable'].ms-menutoolbar td {
padding:0px;
}
div[id$='PlaceHolderMain_SI360MainUpdatePanel'] div.Collapsable .WithBorder > div.GenericContainer {
    padding: 0 0 10px 0;
}

table[id$='_SharedItemList_body'].si-nstd-table .si-nstd-list-row .si-nstd-list  table > tbody > tr > td.ms-cellstyle {
    border-bottom: 1px solid #eee;
}

table[id$='_SharedItemList_body'].si-nstd-table .si-nstd-list-row .si-nstd-list  table > tbody > tr:last-child > td.ms-cellstyle {
    border-bottom: 0px solid #eee;
}

/* Documents nested list control Restricted icon alignment */
div.Collapsable div[id*='_MainView_DocumentsFolderView_ViewControl'] table.si-nstd-table td.si-nstd-list td.ms-vb-lastCell {
padding-right: 32px;
}

/* < Prev Next > alignment */
.si-searchviewhdr .si-ms-pagetitleareaframe div.ms-cal-navheader {
    margin-top: 6px;
    margin-right: 10px;
}
/*div[id*='_DetailFunctionControl'] {
    display: inline-block;
}*/

.si-ms-pagetitleareaframe .GenericContainer.si-genericcontainer-visiblecontrols .ms-pagetitle.si-pagetitle .old-ms-Button-label {
    font-size: 2em;
    margin: -3px 5px 3px 5px;
}

.si-pagetitle {
    max-width: 100%;
    display: flex;
}

.si-pagetitle .old-ms-Button-label:first-child {
    flex-shrink: 100;
    overflow: hidden;
    text-overflow: ellipsis;
}

.si-ms-pagetitleareaframe,
.si-ms-pagetitleareaframe div {
    box-sizing: border-box;
    max-width: 100%;
    overflow: hidden;
}

/*can be removed after verifying that it's not used anymore table is replaced by div */
.si-ms-pagetitleareaframe .GenericContainer.si-genericcontainer-visiblecontrols table + table[id$='_DetailTitleControl_Table'] .si-ms-Button {
	background-color: transparent;
	border: none;
    font-size: inherit;
    padding: 0;
}

.si-ms-pagetitleareaframe .GenericContainer.si-genericcontainer-visiblecontrols table + div[id$='_DetailTitleControl_Table'] .si-ms-Button {
	background-color: transparent;
	border: none;
    font-size: inherit;
    padding: 0;
}

/*can be removed after verifying that it's not used anymore table is replaced by div */
/*.si-ms-pagetitleareaframe .GenericContainer.si-genericcontainer-visiblecontrols table + table
{
	background: transparent;
	padding: 6px 3px 6px 6px !important;
}*/

.si-ms-pagetitleareaframe .GenericContainer.si-genericcontainer-visiblecontrols table + div
{
	background: transparent;
	padding: 6px 3px 6px 6px !important;
}

/*show overview button style issue in details view*/
.si-searchviewhdr
{
    width: 100%;
    margin-top: 20px;  /* XD Design - it is 48px */
}

/*.si-detailsview-socialhdr{
    float:right;
}*/

.si-nowrap
{
    white-space: nowrap;
}

.si-detailsheaderimg-td, .si-detailsheaderimg-td div {
    float: left;
}

/* Tweaked style for new div-based simplified detail view template */
div.si-detailsview-imagehdr {
    margin-right: 5px;
    margin-top: 4px;
}

/* Tweaked style for new div-based simplified detail view template */
.si-searchviewhdr > div:first-child {
    /*margin-bottom: 20px; */
    border-bottom: 1px solid #e6e7eb;
    padding-bottom: 20px;  /* XD Design - it is 30px */
}

.si-searchviewhdr > div.si-ms-pagetitleareaframe{
    padding: 15px 0px 15px 0px; /* XD Design - it is Top - 14px and bottom - 110px */
}

.si-searchviewhdr .si-ms-pagetitleareaframe .si-layout-grid-positioning .si-layout-grid-positioningcell.si-nowrap{
    display: table-cell;
}
/** New template for header of Expand Collapse section */
.expCol-header-mainIcon{
    float:left;
}
/*.old-ms-CommandBar-sideCommands{
    float:right;
}*/

.expCol-header-mainArea {
    padding-left: 60px;
}

.expCol-titleArea button {
    border: none;
    background-color: transparent;
    padding:0px;
}

.expCol-titleArea button span {
    font-size: 16px;
    margin-left:2px;
}
.expCol-header-main {
    margin-bottom: 8px;
}

.si-detailsview-socialhdr .si-layout-grid-positioningcell.si-nowrap{
  display:inline-block;
}

@media only screen and (min-width: 640px) {
    .expCol-header-mainArea{
        padding-right:128px;
    }
}

.expCol-titleArea button.si-ms-Button {
    min-width: fit-content;
}
.expCol-titleArea button.si-ms-Button:not(:disabled):hover{
    background-color: inherit;
}
.expCol-titleArea button.si-ms-Button:not(:disabled):hover .old-ms-Button-label{
   color: #000000;
}
/*New styles for details view*/
.expCol-descArea {
    color: #5E7181;
}

/*Workflow buttons styling*/
div.wf-function-class > button.si-imageButton{
    width:auto;
    padding-left:10px;
    padding-right:10px;
}

/*styles for Document details starts*/
div[id$="TopHeaderContainer_GenericContainer"] table[id$="_DetailTitle_Table"] {
    width:100%;
}
div[id$="TopHeaderContainer_GenericContainer"] span[id$="DetailTitle"],
div[id$="TopHeaderContainer_GenericContainer"] .si-headercontrol h1[id*="DetailTitle"] {
    font-size: 21px;
    display: block;
    font-weight: 400;
}

[id$="_DetailDescription_Table"] span[id$="DetailDescription"] {
    font-size:12px;
}

.details-icon {
    width: 38px;
    height: 38px;
}
.details-title-desc-container {
    margin-left:10px;
	width: calc(100% - 55px);
}
.details-dialog {
    margin-top: 0px;
    height: 100%;
    display: block;
    margin: auto;
}
.details-dialog a {
    display: block;
    margin-right: 10px;
    border-radius: 4px;
    line-height: 0;
}
div[id$="TopHeaderContainer_GenericContainer"] .si-headercontrol h1[id*="DetailTitle"] {

    margin: inherit;
}

div[id$="TopHeaderContainer_GenericContainer"] .si-headercontrol[id*="DetailTitle"] {
    padding: 3px;
}

/* Detailview section header */
.si-details-section-title {
    font-size:16px;
}

.si-details-section-title h2 {
    font-size: inherit;
    margin: inherit;
}

/* Detailview section subheader */
.si-details-section-description {
    font-size: 12px;
}
.si-details-section-description .si-label {
	padding:0;
}
div[id$="SocialContainer_GenericContainer"] {
    display: flex;
	margin-left:20px;
}
.si-socialButton {
    border: 1px solid #f3f2f1!important; /*neutralLighter*/
}
.si-socialButton:hover{
    border: 1px solid #edebe9!important; /*neutralLight*/
}
.ms-fileinput.si-imageButton.si-socialButton.si-layoutColumn.si-settingsButton {
    border-left-color: #e1dfdd!important; /*neutralQuaternaryAlt */
    border-radius: 0 6px 6px 0;
    margin-left: 0px;
}
.ms-fileinput.si-imageButton.si-socialButton.si-layoutColumn.si-followButton {
    border-radius: 6px 0 0 6px;
    padding-right: 10px;
}
.ms-fileinput.si-imageButton.si-socialButton.si-layoutColumn.si-followButton img {
    width: 20px;
}
.ms-fileinput.si-imageButton.si-socialButton.si-layoutColumn.si-settingsButton img {
    height: 16px;
}
.top-header-wrapper {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 10px;
}
#TopHeaderTitle img:not(.si_debugicon) {
    width: 24px;
    height: 40px;
    margin-right:5px;
}
.TopHeaderInfo-wrapper {
    margin: 20px 0 30px 0;
}
.details-header-wrapper .details-title-desc-wrapper .si-genericcontainer-visiblecontrols .si-label {
	padding: 0 3px;
}
.details-header-wrapper .si-genericcontainer-visiblecontrols .si-image {
	padding-top: 4px;
}
div[id$="FunctionsContainer_GenericContainer"] > * {
	margin-right: 10px;
}

.details-dialog a .si-image {
	margin-top:0px;
	border:none;
	border-radius:0px;
	padding:4px !important;
}

div[id$="_ToolbarMainTableRow"] {
	display: flex;
	justify-content: space-between;
}

div[id$="_ToolbarMainTableRow"] div.old-ms-CommandBar-mainArea >* {
	margin-right:10px;
}

div[id$="_ToolbarMainTableRow"] div.old-ms-CommandBar-mainArea{
    display: inline-block;
}

html:not(.si-dialog) div[id$="_ToolbarMainTableRow"] div.old-ms-CommandBar-mainArea {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.si-debug-span.old-ms-CommandButton{
    display:block;
    min-height:24px;
}

@media only screen and (min-width: 640px) {
    .old-ms-CommandBar-sideCommands {
        min-width:unset;
    }
}
/*Added UNSET value for min-width to move print icon towards right*/

[id*='SI_HiddenField'] {
    display: none;
}

div.SimpleDetailContainer div.WithBorder div[id="si-dialogbuttonsection"] {
    display:none !important;
}
/*info details moved along with description*/
div[id$="_TopHeaderInfoContainer_GenericContainer"] {
    display:flex;
}

div[id$="_TopHeaderInfoContainer_GenericContainer"] table{
    white-space: nowrap;
}
#TopHeaderTitle img:last-child:not(.si_debugicon) {
    width:40px;
}
/*styles for Document details ends*/


/*style changes for file preview starts*/
.filepreview-width{
	width:45%;
}
.filelist-width{
	width:55%;
}
.filelistcontrol-width{
	width:100%;
}

/*style changes for file preview ends*/
div.old-ms-CommandBar-sideCommands button[id$="_PinItemsImageButton_imgButton"],div.old-ms-CommandBar-sideCommands button[id$="_ShareItemsImageButton_imgButton"] {
    border:1px solid transparent;
}
div[id$="_ModeContainer_GenericContainer"], div[id$="_ModeContainer_GenericContainer"] .ms-cal-navheader {
    display:flex;
}
div[id$="_ModeContainer_GenericContainer"] .ms-cal-navheader .si-ms-Button {
    display:flex;
    align-items:center;
}
table.no-border-list-control tr.ms-itmhover:hover {
 background: none !important;
}
table.no-border-list-control td {
    padding-left:0px !important;
}
div[id$="_TopHeaderContainer_ImageContainer_GenericContainer"] {
    display:flex;
}

div.Collapsable .details-title-desc-wrapper {
    flex: auto;
    padding: 10px;
	display:flex;
    /*! vertical-align: middle; */
}
.details-dialog img {
    width:24px;
	height:24px;
}
.details-icon .si-image {
	padding-top: 0px;
	width: 38px;
	height: 38px;
}
/*Style for context menu icon for IE browser*/
table td span[id*="ReminderActivityListControl"] {
	display: flex !important;
	justify-content: space-between;
}
table td span[id*="ReminderActivityListControl"] div[id*="ReminderActivityListControl"] {
	display: inline-block;
	position: relative;
	top: -3px;
	padding-right: 10px !important;
}
table td[id*="ReminderActivityListControl"] span div.s4-ctx{
    display:inline-block;
    margin-top:0px !important;
}
/*Addded space between Prev,Next & More button*/
button[id*="ChangeDetailModeButton"] {
	margin-left:15px;
}
/*Removed space in Notes*/
div[id*="_NotesTextFieldControl_wrapper"] {
    text-indent: 0px;
	padding-top:10px;
}
/*Fix for Details view alignment issue*/
div[id*="_DetailsFolderView_ViewControl_LeftDetailContainer_GenericContainer"] div.si-bottompaging.PagingControlInitialize, div[id*="_MainView_LeftDetailContainer_GenericContainer"] div.si-bottompaging.PagingControlInitialize {
	display: none;
}
table[id*="MainView_TabView_MainTable"] .si-new-inputfields .si-control-table tr td.si-control-cell:not(.old-ms-ChoiceFieldGroup) {
	text-indent: 0px;
}
div[id$="DetailsFolderView_ViewControl_LeftDetailContainer_GenericContainer"] table[id*="MainView_DetailsFolderView"] td.si-textcolumn {
	padding: 3px 4px 3px 0px;
}
table[id$="_TabView_MainTable"] .si-new-inputfields .si-control-table tr td.si-inputlabel {
	padding-top: 0px;
}
.si-checkbox .old-ms-Label {
    font-size: 13px;
    padding-right: 10px;
    padding-bottom: 2px;
}

.si-checkbox .old-ms-CheckBox-field {
    margin-top: 7px;
}

.si-checkbox {
    display: inline-block;
    margin-right: 10px;
}



/*#region --- CheckBox --- */
.si-checkbox .old-ms-CheckBox-field {
    border: 1px solid transparent;
    border-radius: 6px;
}

.si-checkbox .old-ms-CheckBox-field:before {
    border: 1px solid #777;
    border-radius: 6px;
    width: 21px;
    height: 21px;
}

.si-checkbox .old-ms-CheckBox-field:hover {
    background-color: #E5F6FE;
    border: 1px solid #E5F6FE;
}

.si-checkbox .old-ms-CheckBox-field:hover:before {
    border: 1px solid #0E76B7;
}

.si-checkbox .old-ms-CheckBox-field:focus {
    background-color: #E5F6FE;
    border: 1px solid #0E76B7;
    border-style: dashed;
}

.old-ms-CheckBox-field.is-checked:before {
    border: 10px solid #62b3e5;
    background-color: #62b3e5;
}

.old-ms-CheckBox-field.is-checked:focus:before {
    border: 10px solid #62b3e5;
    background-color: #62b3e5;
}

.old-ms-CheckBox-field.is-checked:hover:before {
    border: 10px solid #62b3e5;
    background-color: #62b3e5;
}

.xold-ms-CheckBox-field.is-checked:after {
    border: 10px solid red;
    background-color: red;
}

.old-ms-CheckBox-field.is-disabled:before {
    border: 10px solid #cccccc;
    background-color: #dddddd;
}

.old-ms-CheckBox-field.in-focus.is-disabled:before {
    border: 10px solid #cccccc;
    background-color: #dddddd;
}

/* Checkbox Caption position as Left side*/
.si-checkbox.si-caption-position-left .old-ms-CheckBox-field:before {
    position: relative;
    margin-left: 8px;
}

.si-checkbox.si-caption-position-left .old-ms-CheckBox-field span {
    float: left;
    padding-left: 0;
    min-width: 150px;
}

.si-checkbox.si-caption-position-left {
    display: block;
}

    .si-checkbox.si-caption-position-left .old-ms-CheckBox-field:after {
        right: 0;
    }

/*style for checkbox label wrap*/
.si-checkbox-label-wrap span {
    width: 150px;
    white-space: normal;
}

/*style for adding left margin when caption is on right when controls are present in column 0*/
.si-bif-column1-position {
    margin-left: -45px;
}

/*sstyle for adding left margin when caption is on right when controls are not present in column*/
.si-bif-column1-position-margin-left {
    margin-left: 146px;
}

.ToolbarContainer-leftTableCell .si-checkbox,
.ToolbarContainer-leftTableCell .si-imageButton {
    margin-right: 20px !important;
    border: none !important;
    width: auto !important;
    outline: 0px;
}

div[id$='_MainView_ReportToolbarContainer_Search_ToolbarMainTable'] {
    border-bottom: 0px;
    /*Commented the Padding-left to fix the Bug 137510:[Frontend]: if we open reports in a separate window, then the background screen looses the alignment*/
    /*padding-left: 159px;*/
}
/* When there are multiple controls on the same row; any after the first one should have a shorter label */
.si-new-inputfields .si-layout-grid-positioningcell table.si-control-table:not(:first-of-type) td.si-inputlabel,
.si-new-inputfields .si-layout-grid-positioningcell table.si-control-table:not(:first-of-type) td.si-inputlabel table.si-innercaptiontable {
	width: 50px;
}

/* Spacing between multiple items in the same grid cell */
.si-layout-grid-positioningcell > .si-image {
    margin-bottom: 7px;
}

[id$='SI_HiddenField_Control_MainTable'].si-control-table {
    padding: 0px;
}

[id$='SI_HiddenField_Control_MainTable'].si-control-table ~ table .si-inputlabel {
    width: 150px !important;
}
.si-datecontrol-cell .old-ms-DatePicker,
.si-datecontrol-cell .old-ms-DatePicker .old-ms-TextField {
    margin-bottom: 0;
}

/* Prevent the control from showing up during page load. */
.si-datecontrol-cell .old-ms-DatePicker > .old-ms-DatePicker-monthComponents,
.si-datecontrol-cell .old-ms-DatePicker > .old-ms-DatePicker-goToday,
.si-datecontrol-cell .old-ms-DatePicker > .old-ms-DatePicker-monthPicker {
    display: none;
}
.si-datecontrol-cell .old-ms-DatePicker {
    display: inline-block;
    text-indent: 0; /* To avoid duplicated text-indent for inline elements (wizard view) */
    vertical-align: top; /* To fix alignment between date and time boxes when not floating */
}
.timePicker {
    width: 95px;
    margin-left: 5px;
}
/*Style for Progress plan webpart*/
.date-label-width .si-innercaptiontable {
	width:35px;
}

.si-datecontrol-cell .old-ms-DatePicker-input {
    border: 1px solid #777777;
    border-radius: 6px;
    color: #333;
    height: 36px;
    padding: 6px 12px 6px 12px;
    vertical-align: top;
    margin-bottom: 4px;
    text-decoration: none;
    font-weight: 400;
}

.si-datecontrol-cell .old-ms-DatePicker-input:hover {
    border-color: #0E76B7;
    background-color: #E5F6FE;
}

.si-datecontrol-cell .old-ms-DatePicker-input:focus {
    border-style: dashed;
    background-color: #E5F6FE;
}

.si-datecontrol-cell .old-ms-DatePicker-day {
    border: 1px dashed transparent;
    border-radius: 16px;
}

.si-datecontrol-cell .old-ms-DatePicker-day:hover {
    border-color: #62B3E5;
}

.si-datecontrol-cell .old-ms-DatePicker-day--highlighted {
    border-color: #000;
}

.si-datecontrol-cell .old-ms-DatePicker-monthOption,
.si-datecontrol-cell .old-ms-DatePicker-yearOption {
    border-radius: 20px;
}

.si-datecontrol-cell .old-ms-DatePicker-event {
    background-color: transparent;
    bottom: 10px; /*fixing icon position*/
}

.si-datecontrol-cell .old-ms-DatePicker-day--infocus:hover, .si-datecontrol-cell .old-ms-DatePicker-day--outfocus:hover {
    background: #62B3E5;
    color: #fff;
}

.si-datecontrol-cell .old-ms-DatePicker-picker--focused .old-ms-DatePicker-day--highlighted {
    background-color: #0E76B7;
}

.si-datecontrol-cell .old-ms-DatePicker-picker--focused .old-ms-DatePicker-day--highlighted:hover {
    background-color: #62B3E5;
}

.si-datecontrol-cell .old-ms-DatePicker-monthOption.is-highlighted, .si-datecontrol-cell .old-ms-DatePicker-yearOption.is-highlighted {
    background-color: #0E76B7;
    color: #fff;
}

.si-datecontrol-cell .old-ms-DatePicker-monthOption:hover, .si-datecontrol-cell .old-ms-DatePicker-yearOption:hover {
    background-color: #62B3E5;
    color: #fff;
}

div.old-ms-ChoiceFieldGroup-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div.old-ms-ChoiceFieldGroup-list div {
    float: left;
    padding-right: 8px;
}

div.old-ms-ChoiceFieldGroup-list.col-1 div{width:100%;}
div.old-ms-ChoiceFieldGroup-list.col-2 div{width:50%;}
div.old-ms-ChoiceFieldGroup-list.col-3 div{width:33.3%;}
div.old-ms-ChoiceFieldGroup-list.col-4 div{width:25%;}
div.old-ms-ChoiceFieldGroup-list.col-5 div{width:20%;}
div.old-ms-ChoiceFieldGroup-list.col-6 div{width:16.3%;}
div.old-ms-ChoiceFieldGroup-list.col-7 div{width:14.2%;}
div.old-ms-ChoiceFieldGroup-list.col-8 div{width:12.5%;}
div.old-ms-ChoiceFieldGroup-list.col-9 div{width:11.1%;}
div.old-ms-ChoiceFieldGroup-list.col-10 div{width:10%;}




/*Style for radio button list with long label*/
.old-ms-RadioButton .old-ms-RadioButton-field .old-ms-Label {
	margin-right: 10px;
}
.old-ms-ChoiceFieldGroup-list .old-ms-RadioButton-input {
	display:none;
}
.si-bif-ChoiceFieldGroup .old-ms-ChoiceFieldGroup-list {
    list-style-type: none;
}

.si-bif-ChoiceFieldGroup .old-ms-RadioButton-field:before {
    border: 1px solid #777777;
}

.si-bif-ChoiceFieldGroup .old-ms-RadioButton-field {
    border: 1px dashed #FFFFFF;
    border-radius: 12px 6px 6px 12px;
}

.si-bif-ChoiceFieldGroup .old-ms-RadioButton-field:hover {
    border-color: #E5F6FE;
    background-color: #E5F6FE;
}

.si-bif-ChoiceFieldGroup .old-ms-RadioButton-field:hover:before,
.si-bif-ChoiceFieldGroup .old-ms-RadioButton-field.in-focus:before {
    border-color: #0E76B7;
}

.si-bif-ChoiceFieldGroup .old-ms-RadioButton-field.in-focus {
    border-color: #62b3e5;
    background-color: #E5F6FE;
}

.si-bif-ChoiceFieldGroup .old-ms-RadioButton-field.is-checked:before {
    border-color: #62b3e5;
}

.si-bif-ChoiceFieldGroup .old-ms-RadioButton-field.is-checked:focus:before,
.si-bif-ChoiceFieldGroup .old-ms-RadioButton-field.is-checked:hover:before {
    border-color: #0E76B7;
}

.si-bif-ChoiceFieldGroup .old-ms-RadioButton-field.is-checked:after {
    background-color: #62b3e5;
}

.si-bif-ChoiceFieldGroup .old-ms-RadioButton-field.is-disabled:before,
.si-bif-ChoiceFieldGroup .old-ms-RadioButton-field.is-disabled:hover:before {
    border-color: #cccccc;
    background-color: #dddddd;
}


.si-FieldSet {
    margin: 0;
    border: none;
    padding: 0
}

.si-headercontrol-hiddenPostbackControl
{
    display: none;
}

.si-headercontrol-clickable
{
    cursor: pointer;
}
.si-label-nowrap {
    white-space: nowrap;
}

/*Paging:Next and Prev navigation button styles after search*/
.ms-cal-navheader .si-ms-Button {
    margin-left: 10px;
}

.si-label {
    padding: 3px; /* After removing the table from LabelControl; this makes up for the implicit padding in table. */
}
.si-Toggle .old-ms-Toggle-field .old-ms-Label {
    width: 250px;
}
.paging-index-button {
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: #ededee;
    border: 1px solid #ccc;
    margin-left: -1px;
    font-size: 14px;
    font-weight: 600;
    color: #333333;
}
.paging-index-div {
	display: flex;
	justify-content: center;
}
.paging-index-button:hover {
    background: #57b1e1;
    border: 1px solid #57b1e1;
    color: #fff;
}
.paging-index-button:focus,
.paging-index-button.active {
    background: #004b72;
    border: 1px solid #004b72;
    color: #fff;
}
.paging-index-button.active {	
	cursor: not-allowed;
}
.paging-index-button:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.paging-index-button:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.paging-index-button.prev,
.paging-index-button.first,
.paging-index-button.last,
.paging-index-button.next {
    background-repeat: no-repeat;
    background-position: 0 0;
    color: transparent;
}
.paging-index-button.prev {
    background-image: url("/_layouts/images/arrow-previous.svg");
}
.paging-index-button.first {
    background-image: url("/_layouts/images/arrow-first.svg");
}
.paging-index-button.last {
    background-image: url("/_layouts/images/arrow-last.svg");
}
.paging-index-button.next {
    background-image: url("/_layouts/images/arrow-next.svg");
}
.paging-index-button.prev:hover,
.paging-index-button.next:hover,
.paging-index-button.first:hover,
.paging-index-button.last:hover {
    background-position: -32px 0;
}

.si-bottompaging.PagingControlInitialize .paging-index-div {
    margin-top: 20px;
}

.si-bottompaging.PagingControlInitialize .paging-index-div:empty {
    margin-top: 5px;
}

/*Style for paging Global search result page*/
div[id$="SearchResultPagerContainer_GenericContainer"] table.ToolbarContainer-table button[id$="_NextButton"].ms-fileinput.si-imageButton, div[id$="SearchResultPagerContainer_GenericContainer"] table.ToolbarContainer-table button[id$="_PreviousButton"].ms-fileinput.si-imageButton {
	background-color: transparent;
	border: 0;
	height: 34px;
	margin: 0 !important;
	padding: 1px 6px;
}

.si-search-entities {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    border-bottom: 1px solid #DDD;
    padding-top: 15px;
}

.si-search-entities td {
    text-align: center;
}

/* Active search entity tabs */
.si-search-entities div a {
    display: inline-block;
    color: #333;
    text-decoration: none;
    position: relative;
    min-width: 40px;
    border: 1px solid transparent;
}

.si-search-entities div a.si-search-entity-selected {
    font-weight: 700;
}

.si-search-entities div a:hover::before,
.si-search-entities div a.si-search-entity-selected::before,
.si-search-entities div a:focus::before {
    content: '';
    position: absolute;
    top: 28px;
    left: 0;
    border: 3px solid #60B3E2;
    border-radius: 3px;
    min-width: calc(100% - 6px);
}

.si-search-entities div a:focus {
    border-style: dashed;
    border-color: #0e76b7;
    outline: none;
}

/* Inactive search entity tabs */
.si-search-entities .si-label span:not(:empty) {
    color: #cccccc;
    cursor: not-allowed;
}

/* All search entity tabs, active and inactive */
.si-search-entities div a,
.si-search-entities .si-globalsearch-entity-tab-inactive {
    padding: 5px 10px 10px 10px;
    margin-right: 10px;
}

/*include file content checkbox */
.si-search-entities div.old-ms-CheckBox.si-checkbox {
    padding-bottom: 10px;
}

.si-globalsearch-results-table.ms-listviewtable.si-listcontrol-body,
.si-globalsearch-results-table.ms-listviewtable.si-listcontrol-body tr {
    border: none !important;
}

.si-search-icon {
    width: 42px;
    height: 42px;
}

.si-search-icon-container {
    display: inline-block;
    vertical-align: top;
}

.si-search-result-item {
    display: block;
    vertical-align: top;
    margin: 0px;
    padding: 10px;
    color: #666;
    background: white;
    border: 1px solid #e2e2e2;
    box-shadow: 2px 2px 2px 2px #eee;
    border-radius: 5px;
    white-space: nowrap;
    max-width: 800px;
}

.si-search-result-item h2.ms-h2 {
    margin: 0px 0px 5px 0px;
}
.si-search-title {
    margin: 0px 0px 5px 0px;
    font-size: 18px;
    font-weight: normal;
}

.si-search-body {
    margin: 10px 0px 10px 0px;
    word-break: break-word;
}

/* Search results highlighting and size */
.si-search-result-item em {
    background-color: #f8e6b3;
    font-style: normal;
    font-weight: bold;
    padding: 2px;
    padding-right: 3px;
    padding-left: 3px;
}

/* Search result entity - Type field */
span.si-search-result-entity {
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    background-color: aliceblue;
    margin-right: 1em;
}

.si-search-flex-container {
    display: flex;
}

.si-search-item-context-container {
    border-top: 1px solid #e2e2e2;
    padding: 10px 0px 0px 50px;
    white-space: normal;
}

.si-search-item-context-link:empty,
.si-search-item-context-container:empty {
    display: none;
}

.si-search-item-context-link:not(:empty):not(:last-child)::after {
    content: ' | ';
}

.si-search-title-container {
    white-space: normal;
    margin-left: 10px;
}

.si-search-counter {
    outline: none;
    font-size: 18px;
}

.si-global-search-title h1 {
    font-size: 18px;
    margin: 0px;
}

.si-search-refiners {
    margin: 15px 0px 5px 0px;
}

.si-globalsearch-results-toolbar-clear-button {
    margin-left: 10px;
}

.si-globalsearch-eachive-search-link::before {
    content: '\00A0 | ';
}
.si-getstarted h2 {
    font-size: 2em;
}

.si-getstarted p {
    width: 90%;
    max-width: 500px;
}

.si-getstarted ol {
    width: 50%;
    max-width: 400px;
    margin-top: 2em;
    margin-bottom: 1em;
}

.si-getstarted ol button {
    margin-top: 10px;
}

.si-getstarted ol li {
    margin-bottom: 1em;
}

.si-getstarted ol li {
    font-size: 1.2em;
}

p.old-ms-Toggle-description {
    width: 100%;
    max-width: none;
}

.copy-info {
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
}

.copy-input button.success {
	border-color: green;
}

.copy-input textarea {
    width: 100%;
    height: 100px;
    background-color: transparent;
    border: 1px solid silver;
    overflow: auto;
	resize:none;
}

.copyHyperlinkContainer .successMsg{
	display:none;
}

.copyHyperlinkContainer .successMsg.show {
    position: relative;
    display: inline-block;
    border-radius: 6px;
    padding: 6px 10px 6px 32px;
    margin-right: 2px;
    animation-name: copyfade;
    animation-duration: 7s;
    border: 1px #fff solid;
    background: #FFF;
}

.copyHyperlinkContainer .successMsg:before {
    content: url(/_layouts/images/white-tick.svg);
    position: absolute;
    top: 4px;
    left: 4px;
    background: #5EACDD;
    border-radius: 12px;
    width: 24px;
    height: 22px;
    text-align: center;
    padding-top: 2px;
}
@keyframes copyfade {
    from {
        border: 1px #62B3E5 solid;
        background: #E5F6FE;
    }
    to {
        border: 1px #fff solid;
        background: #FFF;
    }
}
/*Styles for iMap Details Page*/
.si-mail-body {
	margin-top: 10px;
	padding-top: 5px;
	border: 1px;
	border-top-color: rgba(221, 221, 221, 1);
	border-top-style: solid;
}

.si-mail-header tr td, table[id$="_ToView_MainTable"] tr td {
	padding: 2px !important;
}
/*sytles for iMap ends*/

/* Styles for Mass Update from Search */

.massupdate-wrapper {
	position: relative;
}

.massupdate-right {
	position: fixed;
	width: 30%;
	top: 99px;
	right: 18px;
	display: flex;
	box-shadow: -1px 1px 5px 0px #a9a9a9;
}

.massupdate-splitter {
	width: 10px;
	cursor: col-resize;
	background: #f5f5f5 center center no-repeat;
}

.massupdate-result {
    width: calc(100% - 40px);
    padding: 10px 20px 10px 10px;
    background: #f8f8f8;
    height: calc(100vh - 120px); /* Smaller resolution height fix */
    overflow: auto;
}

.chart-container {
	border: 1px solid #c6c6c6;
	background-color: #fff;
	margin: 10px 0px;
	padding: 20px;
	border-radius: 5px;
	margin-right: 20px;
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.chart-more-btn {
	width: 22px;
	height: 22px;
	border: 1px solid #ccc;
	border-radius: 6px;
	position: absolute;
	right: 20px;
	top: 20px;
}

div .chartjs-size-monitor {
	position: inherit;
}

div[id^=ChartLegend] [class$="-legend"] {
	list-style: none;
	cursor: pointer;
	padding-left: 0;
}

div[id^=ChartLegend] [class$="-legend"] li {
	display: inline-block;
	padding: 0 5px;
	width: 195px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

div[id^=ChartLegend] [class$="-legend"] li.hidden {
	text-decoration: line-through;
}

div[id^=ChartLegend] [class$="-legend"] li span {
	border-radius: 5px;
	display: inline-block;
	height: 10px;
	margin-right: 10px;
	width: 10px;
}

.chart-warning-msg {
	text-align: center;
	background: #ffbaba;
	padding: 10px;
}

.chart-title {
	text-align: center;
	margin-top: 10px;
	font-weight: bold;
}

.chart-container-left-wrapper {
	width: 200px;
}

.chart-canvas-wrapper {
	margin: 25px 20px 0 20px;
	width: calc(100% - 230px);
	max-height: 8192px;
}

.canvas-document-wrapper {
	height: 100%;
	max-width: 1440px;
	max-height: 8192px;
}

.chart-legend-wrapper {
	margin: 20px 20px 20px 40px;
}

/*Moving style property from ProjectBrowserTemplate.htm*/

#si-projectbrowser {
    display: flex;
}

#si-projectbrowser #si-splitter-left {
        width: 25%;
        min-width: 24%;
        max-width: 35%;
}

.tree-view-wrapper {
    overflow: auto;
}

#si-projectbrowser #si-splitter-right {
    padding-left: 20px;
    width: 70%;
    min-width: 25%;
}

.si-splitter-divider {
    flex: 0 0 auto;
    width: 5px;
    cursor: col-resize;
    background: #ebebeb center center no-repeat;
    margin: 0 10px;
}

table.project-browser-search-control tr td input {
    width: calc(100% - 46px);
}

table.project-browser-search-control, table.project-browser-search-control tbody, table.project-browser-search-control tr, table.project-browser-search-control td {
    display: block;
}

#si-projectbrowser #si-splitter-right div[id$="TopHeaderContainer_GenericContainer"] span[id$="DetailTitle"] {
    max-width: 415px;
}

/* QuickSearch/GBSZipControl button */
.si-quicksearch-check-button-image {
    height: 36px; /* Should match the height of the QuickSearch/ZipControl textbox */
}

.si-quicksearch-check-button-image img {
    height: 16px;
    width: 16px;
}

.si-quicksearch-check-button-image i,
.si-quicksearch-check-button-image img {
    vertical-align: sub; /* To get the icon centered in the button */
}


.si-quicksearch-check-button-image i {
    font-size: 12pt;
    width: 16px;
}

.si-quicksearch-check-button-image .si-Icon-QuickSearchCeckMark {
    font-weight: 600;
}

.si-quicksearch-check-button-image .si-Icon-QuickSearchExtended {
    transform: scaleX(-1);
}

.si-quicksearch-check-button-image:focus {
    background: #0E76B7;
    border: 1px solid #0E76B7;
    color: #FFF;
}

.si-textfield-linethrough {
    text-decoration: line-through !important;
}
.si-textfield-linethrough:hover {
    text-decoration: line-through;
}
.si-error-caption-empty {
  background-color: rgba(255, 0, 0, 0.8) !important;
  color: white;
}

.si-error-caption-empty * {
  opacity: 0.4
}

.si-error-caption-empty::before {
  content: "\026A0 This control is missing the mandatory caption. Please add a caption in BIF."
}
/*SupervisionModule - Summary of Time Spent on SupervisionObject */
.si-supervisionmodule-summary-table-container td {
    padding-left: 1em;
}

.si-supervisionmodule-summary-table-header th {
    font-weight: initial;
    padding-left: 1em;
}

.si-supervisionmodule-summary-table-body th {
    font-weight: initial;
    float: left;
}

.si-supervisionmodule-summary-table-caption {
    display: none;
}

.si-treeviewouter div[id$="TreeViewControl"] table a img {
    width: 16px;
    height: 16px;
}
/* Styles for specific BIF views. Delete when the BIF views go out of production. Do mention which view the style is used in */

/* TextFieldControl.01606119-9ea2-4ecc-984f-0593f2ea961d.beml */
[id$="AdminDetailsViewDetailsSection"] [id$="MessageContainer_GenericContainer"] [id$="AdminJobStatusMessageTextFieldControl"] {
    white-space: pre-wrap !important;
}
/* AlertSubscriptionLegend.6695e09a-fce1-40f2-bfa9-736c691af679.beml */
.si-alertsubscriptionlegend-image .si-image {
    padding-top: 0;
    padding-right: 5px;
}

/* ExpandCollapseControl.e31eaca6-d41d-4f06-98a7-d78541cd5d3c.beml */
.si-admin-ExpandCollapseControl-hidden {
    display: none;
}

button.si-imageButton.si-admin-ExpandCollapseControl-showHideButton:hover .si-imageButton-text {
    color: #ca2728;
}

button.si-imageButton.si-admin-ExpandCollapseControl-showHideButton .si-imageButton-text {
    margin-top: 7px;
    margin-left: 10px;
    display: inline-block;
    color: #ca2728;
    font-weight: 600;
}

/* IntegrationPropertiesEditView.406bc5e1-485f-4c4e-99ed-f439e314b4cc.bxml */
.si-admin-integrationpropertieseditview-h2-header h2 {
    font-size: 13pt !important; /* !important is necessary to override the '#si-wrapper *' style */
    margin: 0;
    font-weight: unset;
}

/* IntegrationPropertiesDetailView.5aa5e3a2-cc3f-4156-85e8-e49d8ddac30c.bxml */
.si-admin-integrationpropertiesdetailview-h2-header h2 {
    font-size: 13pt !important; /* !important is necessary to override the '#si-wrapper *' style */
    color: white;
    font-weight: normal;
    margin: 5px;
    display: inline-block;
}

/* PrivatePersonWizardGeneralContainer.f75b677f-0235-4aab-8f2b-ac5464eb93e7.beml */
.si-control-table.si-addressstep-address, .si-control-table.si-addressstep-zipcode, .si-control-table.si-addressstep-zipplace, .si-control-table.si-generalstep-status,
.si-control-table.si-generalstep-syncexternalregistry-data {
    display: none;
}