/* Source: Content\Areas.css, Theme Flatty (default) */
body.Admin div.SiteHeaderContainer
{  
	background-color: #555555;
}
body.Admin div.Box
{  
	border-top-color: #DADADA;
}

body.ListOnly div.MaxPage,
 body.ListWithEdit div.MaxPage
{
	max-width: none;
	padding: 0 5px;
}


/* Source: Content\ASPxBase.css, Theme Flatty (default) */
.dxeBase_DevEx
{
	font-family: 'Rubik', 'introbook', 'Open Sans', arial, sans-serif !important;
	font-size: 13px !important;
}

.dxCellDate
{
	text-align: center;
	width: 80px;
}

.dxCellNumeric
{
	width: 100px;
	text-align: right;
}

/* DevExpress hack */
body > div:first-child
{
    display: none;
}


td.dxgv
{
	overflow: visible !important;
}


/* Source: Content\Base.css, Theme Flatty (default) */
* {
	font-family: 'Rubik', 'introbook', 'Open Sans', arial, sans-serif !important;
	background-repeat: no-repeat;
	font-size: 13px;
}

body
{
	background-color: #FFFFFF;
	margin: 0px;
	color: #555555;
}

body, h1, h2, h3, h4, h5, h6, p, ul, li
{
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Rubik', 'introbold_caps', 'Open Sans', arial, sans-serif !important;
	font-size: 15px !important;
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6, p, *.Block
{
	margin-bottom: 10px;
}

th
{
	text-align: left;
}

td.LabelTop
{
	vertical-align: top;
}

input::placeholder,
textarea::placeholder {
	text-transform: uppercase;
	color: #CACACA;
}

.display-none {
	display: none !important;
}
/* Custom Radio Button */
.radio-item {
	display: inline-block;
	position: relative;
	padding: 0 4px;
}

	.radio-item input[type=radio] {
		opacity: 0;
	}

	.radio-item label {
		color: #666;
		line-height: 28px;
	}

		.radio-item label:before {
			content: " ";
			display: inline-block;
			position: relative;
			margin: 0 5px 0 0;
			top: 4px;
			width: 18px;
			height: 18px;
			border-radius: 11px;
			border: 1px solid #4d4d4d;
			background-color: transparent;
		}

	.radio-item input[type=radio]:checked + label:after {
		border-radius: 11px;
		width: 14px;
		height: 14px;
		position: absolute;
		top: 7px;
		left: 31px;
		content: " ";	
		display: block;
		background-color: #FFA822;
	}

	.radio-item input[type=radio]:focus + label::before {
		box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
	}


/* End Custom Radio Button */


/* Select */

/* The container must be positioned relative: */
.custom-select {
	position: relative;
	font-family: Arial;
}

	.custom-select select {
		display: none; /*hide original SELECT element: */
	}

.select-selected {
	background-color: DodgerBlue;
}

	/* Style the arrow inside the select element: */
	.select-selected:after {
		position: absolute;
		content: "";
		top: 14px;
		right: 10px;
		width: 0;
		height: 0;
		border: 6px solid transparent;
		border-color: #fff transparent transparent transparent;
	}

	/* Point the arrow upwards when the select box is open (active): */
	.select-selected.select-arrow-active:after {
		border-color: transparent transparent #fff transparent;
		top: 7px;
	}

/* style the items (options), including the selected item: */
.select-items div, .select-selected {
	color: #ffffff;
	padding: 8px 16px;
	border: 1px solid transparent;
	border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
	cursor: pointer;
}

/* Style items (options): */
.select-items {
	position: absolute;
	background-color: DodgerBlue;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
	display: none;
}

.select-items div:hover, .same-as-selected {
	background-color: rgba(0, 0, 0, 0.1);
}

@keyframes shake {
	0% {
		transform: translateX(0)
	}

	25% {
		transform: translateY(2px);
	}

	50% {
		transform: translateY(-2px);
	}

	100% {
		transform: translateX(0px);
	}
}


/* Source: Content\Box.css, Theme Flatty (default) */
div.BoxMaster
{
	display: inline-block;
	zoom: 1;
	*display: inline;
}

div.Box {
	padding: 20px;
	background-color: #FFFFFF;
	border: 1px solid rgba(0,0,0,.13);
	margin-bottom: 10px;
	box-shadow: 0 0 8px #00000029;
	border-radius: 6px;
}

	div.Box *.BoxTitle {
		margin-bottom: 20px;
		text-transform: uppercase;
		color: #FFA822;
		font-size: 24px !important;
		line-height: 28px;
		font-weight: 700;
	}

div.Box *.BoxTitle img.BoxIcon
{
	vertical-align: middle;
}

div.Box div.BoxFooter
{
	margin: 5px -10px -10px -10px;
	font-weight: bold;
	padding: 5px;
	text-align: right;
}

	div.Box.BoxWithBottomButton {
		position: relative;
		padding-bottom: 36px;
	}

		div.Box.BoxWithBottomButton .BtnBoxBottom {
			position: absolute;
			left: 50%;
			bottom: -26px;
			transform: translate(-50%, 0);
		}

			div.Box.BoxWithBottomButton .BtnBoxBottom:before {
				content: ">";
				position: absolute;
				color: white;
				font-weight: bold;
				top: 50%;
				transform: translate(0, -50%);
				left: 12px;
				font-size: 20px;
				color: #FFA822;
			}


/* Source: Content\Commands.css, Theme Flatty (default) */
div.CommandsAbove,
div.CommandsBelow
{
	margin: 0px auto;
}

div.CommandsBelow
{
	text-align: center;
	margin-top: 15px;
	font-size: 0px !important; /* Remove spaces between buttons */
}

div.CommandsAbove
{
	position: relative;
	margin-bottom: 15px;
	font-size: 0px !important;
	min-height: 25px; /* The height of a "secondary commands" button */
}

div.CommandsBelow > table
{
	margin: 0px auto;
}

div.CommandsAbove.CommandsBelow > table
{
	margin: 0px;
}

div.CommandsBelow a.Button + a.Button,
div.CommandsAbove a.Button + a.CommandButton,
div.CommandsAbove a.Button + a.Button,
div.CommandsAbove a.CommandButton + a.CommandButton
{
	margin-left: 10px;
}

div.CommandsAbove div.SecondaryCommands
{
	position: absolute;
	right: 0px;
	bottom: 0px;
	font-size: 0px !important;
}

div.Group:hover
{
	outline: 5px solid #FFFFE1;
	background-color: #FFFFE1;
}

div.Group a.CommandButton
{
	background-color: #E6F1F9;
	color: #333333 !important;
}

div.Group a.CommandButton:hover,
div.Group a.CommandButton:focus
{
	background-color: #CC861B;
	color: #FFFFFF !important;
}

div.Group a.CommandButton:active
{
	color: #FFFFFF !important;
	background-color: #000000;
}

.CommandsFlex {
	display: flex;
	justify-content: center;
	margin-top : 12px;
}

	.CommandsFlexButton + .CommandsFlexButton {
		margin-left: 5px;
	}


/* Source: Content\custom-select.css, Theme Flatty (default) */
.select-hidden {
    display: none !important;
    visibility: hidden;
}

.select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    height: 30px;
    min-width: 400px;
    width: max-content;
}

.select-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 6px;
    padding: 0 36px 0 15px;
    font-size: 12px;
    line-height: 30px;
    font-weight: 500;
    letter-spacing: .54px;
    background: #f5f5f5 0 0 no-repeat padding-box;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

    .select-styled:focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
    }

    .select-styled:after {
        content: "";
        width: 16px;
        height: 10px;
        position: absolute;
        background-image: url(../../../Isolation/Form/Web/Content/drop_arrow.svg);
        z-index: 1;
        right: 12px;
        top: 10px;
    }

.select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #f5f5f5 0 0 no-repeat padding-box;
    border-radius: 0 0 6px 6px;
    max-height: 312px;
    overflow-y: auto;
}

    .select-options li {
        margin: 0;
        padding: 6px 15px 6px 0;
        text-indent: 15px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }


        .select-options li:hover,
        .select-options li:focus {
            overflow: visible;
            white-space: normal;
            height: auto; /* just added this line */
        }

        .select-options li:hover,
        .select-options li:focus,
        .select-options li.is-selected {
            outline: 0;
            background: #FFA822;
        }

        .select-options li[rel="hide"] {
            display: none;
        }


/* Source: Content\EmptyBox.css, Theme Flatty (default) */
div.EmptyBox
{
	border-color: #D9A500;
	color: #D9A500;
	font-weight: bold;
	color: #959595;
	text-align: center;
	padding: 30px;
	background-color: #FFFFFF;
	border: 1px solid #6A6A6A;
}

div.EmptyBox a
{
	color: #959595;
	text-decoration: none;
	display: block;
	margin: -30px;
	padding: 30px;
}

div.EmptyBox a strong
{
	text-decoration: underline;
}

div.EmptyBox a:hover
{
	color: #555555;
	background-color: #F7F7F8;
}

div.EmptyBox a:active
{
	color: #000000;
	background-color: #E4E5E6;
}


/* Source: Content\Form.css, Theme Flatty (default) */
div.Form
{
	position: relative;
	margin: 0px auto;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #00975F;
	padding: 10px;
	width: 100%;
}

	div.FormCommands {
		margin-top: 10px;
		padding: 10px;
		text-align: right;
		background-color: #FFFFFF;
		border: 1px solid #00975F;
	}

div.FormCommands  a
{
	font-weight: bold;
}

div.Form div.FormCommands
{
	margin: 10px -10px -10px -10px;
	border-right: none;
	border-bottom: none;
	border-left: none;
}


/* Source: Content\Icon.css, Theme Flatty (default) */
span.Icon img
{
	width: 32px;
	height: 32px;
	background-color: #FFA822;
	vertical-align: middle;
	margin-right: 5px;
	border: none;
}

a.LinkWithIcon,
a.LinkWithIcon:hover,
a.LinkWithIcon:focus,
a.LinkWithIcon:active
{
	text-decoration: none;
}

a.LinkWithIcon:hover span.Text,
a.LinkWithIcon:focus span.Text,
a.LinkWithIcon:active span.Text
{
	text-decoration: underline;
}

a.LinkWithIcon:hover span.Icon img,
a.LinkWithIcon:focus span.Icon img
{
	background-color: #CC861B; 
}

a.LinkWithIcon:active span.Icon img
{
	background-color: #000000; 
}

p.Info
{
	font-style: italic;
	color: #FFA822;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	width: 65%;
}

p.Info::after {
    content: '';
    font-size: 0px !important;
    display: block;
    clear: both;
}

p.Info span.Icon
{
	float: left;
}


/* Source: Content\Layout.css, Theme Flatty (default) */
table.Layout,
td.Layout {
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0px;
	vertical-align: top;
}

td.LayoutSeparator {
	padding: 3px;
	width: 5px;
}

td.LayoutSeparatorVertical {
	padding: 7.5px 2px;
	width: 0.1px;
}

div.Columns {
	font-size: 0px;
	margin: 0px auto;
}

	div.Columns div.Column1,
	div.Columns div.Column2 {
		width: 50%;
		display: inline-block;
		font-size: 12px;
		vertical-align: top;
	}

		div.Columns div.Column1 div.Box {
			margin-right: 5px;
		}

		div.Columns div.Column2 div.Box {
			margin-left: 5px;
		}

div.MaxPage {
	margin: 0px auto;
	max-width: 1100px;
}

td.DateColumn {
	text-align: center;
}

td.NumericColumn {
	text-align: right;
}


/* Source: Content\LinksAndLabels.css, Theme Flatty (default) */
a,
a:active {
	color: #707070;
	text-decoration: none;
}

	a:hover {
		text-decoration: underline;
	}


/* Source: Content\Overrides.css, Theme Flatty (default) */

body div.NotificationBar {
    max-width: 1100px;
    margin: 0px auto 10px auto;
}

div.LinkMenuItem a {
    color: inherit;
}

    div.LinkMenuItem a:before,
    .ReportList .LinkMenuItem .ReportItem:before {
        content: ">";
        padding: 0 6px;
        font-size: 14px;
    }

    div.LinkMenuItem a img {
        display: none;
    }


div.LinkMenuItem {
    color: #4d4d4d;
    font-weight: bold;
    border-radius: 6px;
    background-color: #EDEDED;
    margin-bottom: 15px;
}

    div.LinkMenuItem:hover,
    div.LinkMenuItem:focus {
        background-color: #FFA8224D;
    }

    div.LinkMenuItem a {
        color: inherit;
        padding: 7px;
        display: block;
    }

        div.LinkMenuItem a img {
            display: none;
        }

        div.LinkMenuItem a:hover,
        div.LinkMenuItem a:focus {
            text-decoration: none;
        }

        div.LinkMenuItem a:active,
        div.LinkMenuItem a:visited {
            color: inherit;
        }

div.SiteMenu h4 {
    padding: 5px 10px;
    margin: 5px -10px;
    font-size: 18px !important;
    background-color: #FFFFFF !important;
    color: #FFA822 !important;
}

.dxbButton div.dxb {
    padding: 0;
}

.dxeButtonEditSys.dxeButtonEdit_Office365 {
    border-radius: 6px;
    height: 30px;
}

td.dxBB.dxucBrowseButton_Office365,
table.dxeButtonEditSys.dxeButtonEdit_Office365 .dxeButton.dxeButtonEditButton_Office365 {
    border-radius: 0 6px 6px 0;
    text-transform: uppercase;
    font-weight: bold;
}

table.dxeButtonEditSys.dxeButtonEdit .dxeButton.dxeButtonEditButton {
    background-image: url(../../../Isolation/Form/Web/Content/drop_arrow.svg);
    background-position: center right;
}

    table.dxeButtonEditSys.dxeButtonEdit .dxeButton.dxeButtonEditButton img {
        display: none !important;
    }

td.dxTB.dxucTextBox_Office365.dx-al {
    border-radius: 6px 0 0 6px;
    margin-bottom: 10px;
}

td.dxucTextBox_Office365 {
    border: 1px solid rgba(0,0,0,0.22);
}

table.dxeTextBoxSys.dxeTextBox_Office365 {
    border-radius: 6px;
    height: 30px;
}

.dxucBrowseButton_Office365 {
    padding: 7px 18px 7px;
}

div.NotificationBar p span.NotificationBarMessage {
    border-radius: 6px;
}

.dxeNullText .dxeEditArea, .dxeNullText .dxeMemoEditArea {
    color: #CACACA !important;
}


/* Source: Content\SimpleTable.css, Theme Flatty (default) */
table.Simple,
table.Simple td.Simple
{
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0px;
	vertical-align: top;
}

table.Simple
{
	width: 100%;
}

table.Simple td.Label
{
	white-space: nowrap;
	width: 10%;
	padding-right: 5px;
	font-weight: bold;	
}

table.Simple td.Label,
table.Simple td.Value
{
	vertical-align: middle;
	padding-bottom: 5px;
}


/* Source: Content\SiteMaster.css, Theme Flatty (default) */

div.SiteHeaderWrapper {
	padding: 10px 0;
	box-shadow: inset 0 0 8px #00000039;
}

div.SiteHeader {
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 1534px;
	margin: auto;
}

	div.SiteHeader div.SiteHeaderToolbar {
		padding: 0px 20px;
		display: flex;
		align-items: center;
		font-size: 14px;
		color: #707070;
	}

		div.SiteHeader div.SiteHeaderToolbar input {
			padding-right: 10px;
			height: 24px;
		}

div.SiteHeader div.SiteHeaderToolbar a:active,
div.SiteHeader div.SiteMap a:active
{
	color: #F0F0F0 !important;
}

div.SiteHeaderAndSiteMap div.SiteMapBackgroundImage {
	background: url('../../../Content/headerBack2.png');
}

div.SiteHeaderAndSiteMap div.SiteMap {
	color: #707070;
	padding: 20px 30px;
	max-width: 1534px;
	margin: auto;
	min-height: 17px;
}

	div.SiteHeaderAndSiteMap div.SiteMap span.SiteMapSeparator {
		padding: 0 10px;
		font-weight: bold;
		font-size: 14px;
		letter-spacing: 0;
	}

div.SiteHeaderAndSiteMap div.SiteMap a {
	font-weight: 300;
	font-size: 14px;
	line-height: 17px;
}

div.SiteHeader div.SiteMap *,
div.SiteHeader div.SiteMap a
{
	font-size: 14px !important;
	color: #666 !important;
	text-decoration: none;
}

div.SiteHeader a.SiteLogo {
	display: inline-block;
	vertical-align: middle;
	height: 40px;
	white-space: nowrap;
}

div.SiteHeader a.SiteLogo img
{
	height: 40px;
	padding: 0 5px;
}

div.SiteFooter
{
	text-align: center;
	margin-top: 10px;
}

div.SiteFooter div.SiteFooterLinks,
div.SiteFooter p.SiteFooterInfos
{
	display: inline-block;
	zoom: 1;
	*display: inline;
}

div.SiteFooter div.SiteFooterLinks
{
	margin-right: 5px;
}

h1.SiteTitle {
	margin: 20px 0;
	text-align: center;
	text-transform: uppercase;
	color: #4d4d4d;
	font-weight: 700;
	font-size: 38px;
	line-height: 40px;
}


/* Source: Content\UsersFormTableForm.css, Theme Flatty (default) */
body.Users_UserForm table.Form,
body.Users_UserForm table.Form td.FormLabel,
body.Users_UserForm table.Form td.FormValue {
    border-collapse: collapse;
    border-spacing: 0px;
}

body.Users_UserForm table.Form {
    margin: -5px 0px;
}

    body.Users_UserForm table.Form + table.Form,
    body.Users_UserForm table.FormAfterFormInLayout {
        margin-top: 5px;
    }

    body.Users_UserForm table.Form td.FormLabel,
    body.Users_UserForm table.Form td.FormValue {
        padding: 5px;
    }

    body.Users_UserForm table.Form td.FormLabelValue {
        padding: 5px;
    }

        body.Users_UserForm table.Form td.FormLabelValue div.FormLabel {
            padding: 0px 0px 5px 0px;
        }

    body.Users_UserForm table.Form td.FormLabel {
        text-align: right;
        width: 140px;
    }

    body.Users_UserForm table.Form td.FormValue {
        min-width: 130px;
    }

    body.Users_UserForm table.Form td.LabelBigEditor {
        vertical-align: top;
    }

    body.Users_UserForm table.Form td.FormSeparator {
        padding: 2px 7px;
        width: 1px;
    }

    body.Users_UserForm table.Form td.FormVerticalSeparator {
        padding: 7px 2px;
        width: 1px;
    }

body.Users_UserForm table.VerticalForm td.FormLabel {
    text-align: left;
    padding-bottom: 0px;
}

body.Users_UserForm table.Form td.FormLabel,
body.Users_UserForm table.Form td.FormLabel *,
body.Users_UserForm table.Form td.FormValue label,
body.Users_UserForm table.Form div.FormLabel,
body.Users_UserForm table.Form div.FormLabel *,
body.Users_UserForm table.Form div.FormLabel label {
    font-size: 12px;
    color: #555555;
}

    body.Users_UserForm table.Form td.FormLabel:hover,
    body.Users_UserForm table.Form td.FormLabel:focus,
    body.Users_UserForm table.Form td.FormLabel *:hover,
    body.Users_UserForm table.Form td.FormLabel *:focus,
    body.Users_UserForm table.Form td.FormValue label:hover,
    body.Users_UserForm table.Form td.FormValue label:focus,
    body.Users_UserForm table.Form div.FormLabel:hover,
    body.Users_UserForm table.Form div.FormLabel:focus,
    body.Users_UserForm table.Form div.FormLabel *:hover,
    body.Users_UserForm table.Form div.FormLabel *:focus,
    body.Users_UserForm table.Form div.FormLabel label:hover,
    body.Users_UserForm table.Form div.FormLabel label:focus {
        color: #003C6A !important;
    }

body.Users_UserForm table.Form td.FormValue strong {
    color: #6D9DC6 !important;
}

body.Users_UserForm table.Form > tr:hover > td,
body.Users_UserForm table.Form > tbody > tr:hover > td {
    background-color: #FFFFE1;
}

    body.Users_UserForm table.Form > tr:hover > td.FormVerticalSeparator,
    body.Users_UserForm table.Form > tbody > tr:hover > td.FormVerticalSeparator {
        background-color: transparent;
    }

body.Users_UserForm table.FormReadOnly td.FormLabel,
body.Users_UserForm table.FormReadOnly td.FormLabel *,
body.Users_UserForm table.FormReadOnly td.FormValue label {
    color: #FFA822 !important;
}

body.Users_UserForm table.FormReadOnly td.FormLabel,
body.Users_UserForm table.FormReadOnly td.FormValue {
    border-top: 2px solid #F5F5F5;
}

body.Users_UserForm table.FormReadOnly tr:first-child td.FormLabel,
body.Users_UserForm table.FormReadOnly tr:first-child td.FormValue {
    border-top: none;
}

.UserGeneralTab {
    height: 46px;
    width: 200px;
}

body.Users_UserForm .UserGeneralTab a img {
    width: 32px;
    background-color: #FFA822 !important;
}

.UserSettingsView + .UserSettingsView {
    margin-top: 32px;
}


/* Source: Content\View.css, Theme Flatty (default) */
table.View
{
	border-collapse: collapse;
	border-spacing: 0px;
}

table.View td.ViewCell
{
	padding-bottom: 10px;
}

table.View td.ViewLabel
{
	color: #B28600;
	font-weight: bold;
	padding-right: 5px;
	text-align: right;
	min-width: 120px;
}


/* Source: Content\ErrorPage\ErrorPage.css, Theme Flatty (default) */
div.ErrorPage div.RawErrors
{
	overflow: auto;
}

div.ErrorPage div.RawErrors div.RawError strong
{
	color: #FF0000;
}

div.ErrorPage div.RawErrors div.RawError div.ErrorMessage
{
	margin-bottom: 2px;
}

div.ErrorPage div.RawErrors div.RawError div.ErrorMessage span.ErrorType
{
	display: inline-block;
	background-image: url('../../../Content/ErrorPage/Arrow.png');
	background-position: right center;
	padding-right: 10px;
	margin-right: 5px;
	font-weight: bold;
	color: #909090;
}

div.ErrorPage div.RawErrors div.RawError div.StackTrace
{
	margin-bottom: 15px;
	border-top: 1px dotted #CACACA;
}

div.ErrorPage div.RawErrors div.RawError div.StackTrace div
{
	font-size: 85% !important;
	padding: 2px;
	border-bottom: 1px dotted #CACACA;
}

div.ErrorPage div.RawErrors div.RawError div.StackTrace div:hover
{
	background-color: #FFFFE1;
}

div.ErrorPage div.SimpleErrorInfo
{
	min-height: 100px;
	padding-left: 132px;
	position: relative;
}

div.ErrorPage div.SimpleErrorInfo span.ErrorIcon
{
	position: absolute;
	left: 0px;
	top: 0px;
	
	display: block;
	width: 117px;
	height: 100px;
	background-color: #FFA822;
	background-image: url('../../../Content/ErrorPage/Error.png');
}

div.ErrorPage div.SimpleErrorInfo h3
{
	margin: 0px;
}

div.ErrorPage div.SimpleErrorInfo p
{
	margin-top: 15px
}

div.ErrorPage div.SimpleErrorInfo p strong
{
	color: #FF0000;
}


/* Source: Fwamework\AttachedFiles\Content\AttachedFileSetControl.css, Theme Flatty (default) */
div.AttachedFileSetControl
{
	min-width: 320px !important;
}

div.AttachedFileSetControl ul.FilesInSet
{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	border-bottom: none;
}

div.AttachedFileSetControl ul.FilesInSet li
{
	position: relative;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	border: 1px solid #B8B8B8;
}

div.AttachedFileSetControl ul.FilesInSet li + li
{
	border-top: none;
}

div.AttachedFileSetControl ul.FilesInSet li a.DownloadFile
{
	margin-left: 19px;
	padding: 0px 5px;
	display: block;
	background-color: #FFFFFF;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.AttachedFileSetControl ul.FilesInSet li a.DownloadFile:hover,
div.AttachedFileSetControl ul.FilesInSet li a.DownloadFile:focus
{
	background-color: #E6F1F9;
}

div.AttachedFileSetControl ul.FilesInSet li a.DownloadFile:active
{
	background-color: #FFA822;
	color: #FFFFFF !important;
}

div.AttachedFileSetControl ul.FilesInSet li *
{
	line-height: 19px;
	vertical-align: middle;
}

div.AttachedFileSetControl ul.FilesInSet li input.DeleteFile
{
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #FFA822;
	padding: 5px;
	margin-right: 5px;
}

div.AttachedFileSetControl ul.FilesInSet li input.DeleteFile:hover,
div.AttachedFileSetControl ul.FilesInSet li input.DeleteFile:focus
{
	background-color: #CC861B;
}

div.AttachedFileSetControl ul.FilesInSet li input.DeleteFile:active
{
	background-color: #000000;
}


/* Source: Fwamework\AttachedFiles\Content\FileAttachmentsControl.css, Theme Flatty (default) */

div.FileAttachmentsControl
{
    margin-bottom: 10px;
}

div.FileAttachmentsControl div.FileAttachmentsFiles
{
    margin-bottom: 5px;
    font-size: 0px !important;
}

div.FileAttachmentsControl div.FileAttachmentsFile
{
    display: inline-block;
    width: 50%;
    font-size: 12px !important;
    vertical-align: top;
    margin-bottom: 10px;
    zoom: 1;
    *display: inline;
}

div.FileAttachmentsControl div.FileAttachmentsFile div.FileAttachmentsFileContent
{
    background-color: #FFFFFF;
    margin: 0px 5px 0px 0px;
    padding: 5px 5px 12px 58px;
    border: 1px solid #BBC5D3;
    position: relative;
}

div.FileAttachmentsControl div.FileAttachmentsFileAlternate div.FileAttachmentsFileContent
{
    margin: 0px 0px 0px 5px;
    
}

div.FileAttachmentsControl div.FileAttachmentsFileCommands
{
    position: absolute;
    right: 5px;
    bottom: 5px;
}

div.FileAttachmentsControl a.FileAttachmentFileName
{
    background-color: #E6F1F9;
    font-weight: bold;
    color: #FBFBFB;
    text-decoration: underline;
    display: block;
    padding: 5px;
    font-size: 12px;
    margin: -5px -5px 5px -58px;
}

div.FileAttachmentsControl a.FileAttachmentFileName:hover,
div.FileAttachmentsControl a.FileAttachmentFileName:focus
{
	color: #CC861B !important;
}

div.FileAttachmentsControl a.FileAttachmentFileName:active
{
	color: #000000 !important;
}

div.FileAttachmentsControl img.FileAttachmentPreview
{
    max-width: 48px;
    position: absolute;
    top: 33px;
    left: 5px;
    max-height: 48px;
}

div.FileAttachmentsControl td.FileAttachmentLabel
{
    white-space: nowrap;
    padding-right: 5px;
    font-weight: bold;
    vertical-align: top;
}

div.FileAttachmentsControl p.FileAttachmentDescription
{
    border-bottom: 1px solid #CACACA;
    padding-bottom: 5px;
    font-style: italic;
}

div.FileAttachmentsControl table
{
    font-size: 95%;
}


/* Source: Fwamework\Controls\Content\DateLiteral.css, Theme Flatty (default) */
span.DateLiteral
{
	cursor: help;
}

span.DateLiteral.EmptyValue,
span.DateLiteral.NoToolTip
{
	cursor: text;
}

span.DateLiteral:hover
{
	background-color: #FFFFE1;
}

span.DateLiteral.EmptyValue:hover
{
	background-color: transparent;
}


/* Source: Fwamework\Controls\Content\FwaImage.css, Theme Flatty (default) */
img[data-post-load-url]
{
	background-image: url('../../../Content/LoadingAccentColor.gif');
	background-position: center center;
}

img[data-post-loaded]
{
	transition: all 1.5s ease-out;
}


/* Source: Fwamework\Controls\Content\NotificationBar.css, Theme Flatty (default) */
div.NotificationBar
{
	max-width: 1100px;
	margin: 0px auto;
}

div.NotificationBar p
{
	padding: 0px;
	margin: 0px;
}

div.NotificationBar p span.NotificationBarMessage
{
	display: block;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	padding: 5px 20px 5px 5px;
	color: #000000;
	position: relative;
}

div.NotificationBar p.NotificationBarInformation span.NotificationBarMessage
{
	background-color: #D6E8FF;
}

div.NotificationBar p.NotificationBarConfirmation span.NotificationBarMessage
{
	background-color: #C0ED93;
}

div.NotificationBar p.NotificationBarWarning span.NotificationBarMessage
{
	font-weight: bold;
	background-color: #FFE949;
}

div.NotificationBar p.NotificationBarError span.NotificationBarMessage
{
	font-weight: bold;
	background-color: #FF996D;
}

div.NotificationBarFlash p.NotificationBarWarning span.NotificationBarMessage
{
	background-color: #FFC923;
}

div.NotificationBarFlash p.NotificationBarError span.NotificationBarMessage
{
	background-color: #FF554A;
}

div.NotificationBar span.NotificationBarMessage a.CloseMessage
{
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 20px;
	height: 100%;
	background-image: url('../../Controls/Content/notificationbar-close.png');
	background-position: center center;
	opacity: 0.40;
	filter: alpha(opacity=40);
}

div.NotificationBar span.NotificationBarMessage a.CloseMessage:hover,
div.NotificationBar span.NotificationBarMessage a.CloseMessage:focus
{
	opacity: 0.70;
	filter: alpha(opacity=70);
}

div.NotificationBar span.NotificationBarMessage a.CloseMessage:active
{
	opacity: 1.00;
	filter: alpha(opacity=100);
}


/* Source: Fwamework\Controls\Content\UpdatedOnByInfosControl.css, Theme Flatty (default) */
div.UpdatedOnByInfosControl
{
	width: 405px;
	margin: 0px auto;
	text-align: center;
	font-size: 0px !important;
}

div.UpdatedOnByInfosControl div.UpdatedOnByRowControl
{
	display: inline-block;
	width: 195px;
}

div.UpdatedOnByInfosControl div.UpdatedOnByRowControl + div.UpdatedOnByRowControl
{
	margin-left: 15px;
}

div.Box div.Box div.UpdatedOnByRowControl
{
	background-color: #FFFFFF;
}

div.UpdatedOnByRowControl
{
	transition: background 0.25s;
	background-color: #E6F1F9;
	padding: 5px 0px;
	margin-top: 15px;
}

div.UpdatedOnByRowControl:hover,
div.Box div.Box div.UpdatedOnByRowControl:hover
{
	background-color: #FFFFE1;
}

div.UpdatedOnByRowControl dl,
div.UpdatedOnByRowControl dl dt,
div.UpdatedOnByRowControl dl dd
{
	margin: 0px;
	padding: 0px;
}

div.UpdatedOnByRowControl dl
{
	text-align: center;
}

div.UpdatedOnByRowControl dl dt
{
	margin-bottom: 2px;
	font-weight: bold;
	font-size: 90% !important;
}


/* Source: Fwamework\DataImport\Content\ImportModule.css, Theme Flatty (default) */
body.DataImport_Import div.MaxPage
{
	max-width: 1180px;
	font-size: 0px !important;
	text-align: center;
}

body.DataImport_Import p.Info
{
	width: auto;
	margin-left: 0px;
	margin-right: 0px;
}

body.DataImport_Import div.BoxForm,
body.DataImport_Import div.BoxResults
{
	text-align: left;
	display: inline-block;
	vertical-align: top;
	width: 320px;
	font-size: 12px !important;
}

body.DataImport_Import div.BoxResults
{
	margin-left: 15px;
	width: 780px;
}

div.BoxResults ul.ImportResults,
div.BoxResults ul.ImportResults li
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div.BoxResults ul.ImportResults li
{
	padding: 10px;
}

div.BoxResults ul.ImportResults div.Summary p
{
	margin: 5px 0px 0px 0px;
	font-style: italic;
	color: #888888;
}

div.BoxResults ul.ImportResults li + li
{
	border-top: 2px solid #F5F5F5;
}

div.BoxResults ul.ImportResults li:hover
{
	background-color: #FFFFE1;
}

div.BoxResults ul.ImportResults div.Details
{
	margin-top: 10px;
}

div.BoxResults ul.ImportResults div.Details p
{
	margin: 0px;
}

div.BoxResults ul.ImportResults div.Details p + p
{
	border-top: 2px solid #F5F5F5;
}

div.BoxResults ul.ImportResults p.Successes
{
	color: #FFA822;
	margin: 0px 0px 0px 0px;
}

div.BoxResults ul.ImportResults div.Details div.Error div.ErrorRow strong
{
	display: block;
	color: #CC0000;
}

div.BoxResults ul.ImportResults div.Details div.Error div.ErrorRow div.ErrorStack
{
	font-size: 90% !important;
}

div.BoxResults ul.ImportResults div.Details div.Error + div.Error
{
	margin-top: 10px;
	padding-top: 10px;
	border-top: 2px solid #CACACA;
}

div.BoxResults ul.ImportResults div.Details div.Error div.ErrorRow + div.ErrorRow
{
	margin-top: 10px;
}


/* Source: Fwamework\EntityPermissions\Content\entity-permissions.css, Theme Flatty (default) */
div.EntityPermissionsUserTab div.FullAccessNotGranted
{
	background-color:  #E6F1F9;
	padding: 5px 10px;
	margin-bottom: 10px;
}

div.EntityPermissionsUserTab div.FullAccessGranted
{
	background-color: #FFA822;
	padding: 5px 10px;
	margin-bottom: 10px;
	color: #FFFFFF !important;
}


/* Source: Fwamework\FastAdmin\Content\FastAdmin.css, Theme Flatty (default) */
td.IdColumn_Cell
{
	color: #858585;
}


/* Source: Fwamework\Menu\Content\LinkMenuItem.css, Theme Flatty (default) */

div.LinkMenuItem a
{
	padding: 5px;
	display: block;
}

div.LinkMenuItem a img
{
	vertical-align: middle;
	margin-right: 5px;
	width: 24px;
	height: 24px;
}

div.LinkMenuItem a:hover,
div.LinkMenuItem a:focus
{
	
}

div.LinkMenuItem a:active
{
	
}


/* Source: Fwamework\Menu\Content\SiteMenu.css, Theme Flatty (default) */
div.SiteMenu ul,
div.SiteMenu ul li
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div.SiteMenu h4
{
	background-color: #EEEEEE;
	color: #00AB9D;
	padding: 5px 10px;
	margin: 5px -10px;
}


/* Source: Fwamework\Reports\Content\ReportConfiguration.css, Theme Flatty (default) */
body.Reports_ReportConfiguration div.MaxPage {
    max-width: 415px;
}

.ReportConfiguration .ViewTypes h5 {
    margin: 0px;
}

.ReportConfiguration .rbnReport img {
    background-color: #FFA822;
    width: 110px;
    height: 110px;
    display: block;
    margin: auto;
    border: white 3px solid;
}

.ReportConfiguration .rbnReport img:hover {
    border: black 3px solid;
}
/* #FFA822 #FFCC00 */

.ReportConfiguration td.DynamicFieldValue {
    min-width: 200px;
}

div.ReportConfiguration div.DynamicFieldsControl  table.DynamicFields {
    width: 0%;
}


/* Source: Fwamework\Reports\Content\ReportList.css, Theme Flatty (default) */
div.ReportList
{
	margin-right: -10px;
	margin-bottom: -10px;
}


/* Source: Fwamework\Reports\Content\Reports.css, Theme Flatty (default) */
.Information
{
	text-align: right;
	font-size: 10px;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	position: absolute;
	right: 10px;
}

div.BoxReportParameters
{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px !important;
}

div.BoxReportResult
{
	position: relative;
}

div.BoxReportResult div.RefreshInfo
{
	text-align: right;
	margin-top: 15px;
}

div.ViewReportUserControl table.DynamicFields
{
	width: 100%;
}

div.ViewReportUserControl table.DynamicFields td.DynamicFieldLabel,
div.ViewReportUserControl table.DynamicFields td.DynamicFieldValue
{
	width: 16.66%;
}


/* Source: Fwamework\Reports\Content\ViewReportUserControl.css, Theme Flatty (default) */
div.ViewReportUserControl td.dxgv
{
	overflow: hidden !important;
}


/* Source: Fwamework\Reports\ReportAdmin\Content\ReportAdminModule.css, Theme Flatty (default) */
body.Reports_ReportAdmin_ReportAdminList div.MaxPage 
{
	max-width: 1000px;
}

body.Reports_ReportAdmin_ReportAdminEdit div.MaxPage 
{
	max-width: 800px;
}


/* Source: Fwamework\Reports\Usercontrols\Content\ReportConfiguration.css, Theme Flatty (default) */
div.ReportConfiguration table.DynamicFields
{
	width: 100%;
}


/* Source: Fwamework\Reports\Usercontrols\Views\Content\Report.css, Theme Flatty (default) */
body div.dxpgFLDefereDiv_DevEx table.dxeTAR {
    width: 150px !important;
}

div.RefreshData {
    float: right;
}

div.BoxReportResult div.RefreshInfo {
    text-align: right;
    margin-left: 378px;
    margin-top: 1px;
}


/* Source: Fwamework\Reports\Usercontrols\Views\Content\ViewReportUserControl.css, Theme Flatty (default) */

.AlignButtonCenter img
{
    vertical-align: middle;
}


/* Source: Fwamework\Reports\Usercontrols\Views\Content\ViewsUserControl.css, Theme Flatty (default) */
td.View {
    vertical-align: inherit;
}

/*  Devexpress force us to use !important to override our Devexpress.css  */
body .ViewReportUserControl .dxbButton_DevEx.CustomButton div.dxb
{
	height: 20px !important;
	line-height: 20px !important;
}

li.CustomLink a span
{
    color: #666666;
}



/* Source: Fwamework\Users\Content\CondensedHistory.css, Theme Flatty (default) */
div.CondensedHistory img.Avatar {
	height: 24px;
	width: 24px;
}

div.CondensedHistory img.Avatar,
div.CondensedHistory span.Text {
	vertical-align: middle;
	display: inline-block;
}

div.CondensedHistory span.Text {
	margin-left: 5px;
}


/* Source: Fwamework\Users\Content\Login.css, Theme Flatty (default) */
body.Users_Login div.MaxPage
{
	max-width: 455px;
}

body.Users_Login img.Avatar
{
	width: 100px;
	height: 100px;
}


/* Source: Fwamework\Users\Content\LostPassword.css, Theme Flatty (default) */
body.Users_LostPassword div.MaxPage
{
	max-width: 455px;
}


/* Source: Fwamework\Users\Content\Preferences.css, Theme Flatty (default) */
div.SeparatorInfo
{
	margin: 10px 0px;
	color: #777777;
	font-style: italic;
}


/* Source: Fwamework\Users\Content\UserForm.css, Theme Flatty (default) */
body.Users_UserForm div.MaxPage
{
	max-width: 1300px;
}

body.Users_UserForm div.UserGeneral table.Form
{
	width: 100%;
}

body.Users_UserForm div.UserGeneral table.Form td.FormLabel
{
	width: 18%;
}

body.Users_UserForm div.UserGeneral table.Form td.FormValue
{
	width: 32%;
}

body.Users_UserForm .UserGeneralTab img
{
	background-color: transparent !important;
}

/* HACK: DevExpress, overflow hidden on IE 8 (https://akwaba.bollore.com/fogbugz/default.asp?165472) */
body.Users_UserForm .dxtc-content
{
	height: auto !important;
}


/* Source: Fwamework\Users\Content\UserSettingsPage.css, Theme Flatty (default) */
body.Users_UserSettingsPage div.MaxPage
{
	width: 560px;
}

body.Users_UserSettingsPage div.MaxPage table.Form
{
	width: 100%;
}

body.Users_UserSettingsPage h6
{
	margin-top: 15px;
	padding-top: 15px;
	border-top: 2px solid #F5F5F5;
}


/* Source: Fwamework\Users\ExternalUsers\Content\ExternalUserCreateForm.css, Theme Flatty (default) */
body.Users_ExternalUsers_ExternalUserCreateForm div.MaxPage
{
    max-width: 500px;
}


/* Source: Fwamework\Users\Permissions\Content\PermissionsSelectControl.css, Theme Flatty (default) */

div.PermissionsSelect
{
	margin-bottom: -10px;
}

div.PermissionsSelect .dxeListBox_DevEx
{
	height: auto !important;
}

div.PermissionsSelect .dxKBSW
{
	position: absolute;
	left: -999px;
}

div.PermissionsSelect div.PermissionsGroup
{
	margin-bottom: 10px;
}

div.PermissionsSelect div.PermissionsGroup:hover
{
	background-color: #FFFFE1;
	outline: 5px solid #FFFFE1;
}

div.PermissionsSelect div.PermissionsGroup h3
{
	margin-bottom: 5px;
}

div.PermissionsSelect div.PermissionsGroup
{
	position: relative;
}

div.PermissionsSelect div.PermissionsGroup div.GroupCommands
{
	position: absolute;
	top: 0px;
	right: 0px;
}

div.PermissionsSelect div.PermissionsGroup div.GroupCommands a,
div.PermissionsSelect div.PermissionsSelectCommands a
{
	display: inline-block;
	padding: 5px 10px;
	text-decoration: none;
}

div.PermissionsSelect div.PermissionsSelectCommands a
{
	background-color: #FFA822;
	color: #FFFFFF !important;
	margin-right: 10px;
}

div.PermissionsSelect div.PermissionsGroup div.GroupCommands a
{
	background-color: #E6F1F9;
	color: #333333 !important;
	margin-left: 5px;
}

div.PermissionsSelect div.PermissionsGroup div.GroupCommands a:hover,
div.PermissionsSelect div.PermissionsGroup div.GroupCommands a:focus,
div.PermissionsSelect div.PermissionsSelectCommands a:hover,
div.PermissionsSelect div.PermissionsSelectCommands a:focus
{
	background-color: #CC861B;
	color: #FFFFFF !important;
}

div.PermissionsSelect div.PermissionsGroup div.GroupCommands a:active,
div.PermissionsSelect div.PermissionsSelectCommands a:active
{
	color: #FFFFFF !important;
	background-color: #000000;
}

div.PermissionsSelect div.PermissionsSelectCommands
{
	margin-bottom: 10px;
}

div.PermissionsSelect .dxeListBox_DevEx div.dxlbd
{
	height: auto !important;
}


/* Source: Fwamework\Users\UserDetails\Content\UserDetailsCard.css, Theme Flatty (default) */
div.UserDetailsCard
{
	position: relative;
	padding-left: 95px;
	height: 80px;
	min-width: 250px;
	max-width: 300px;
}

div.UserDetailsCard a.FullName
{
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}

div.UserDetailsCard img.Avatar
{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 80px;
	width: 80px;
}

div.UserDetailsCard a.ContactWay
{
	display: block;
	background-position: left center;
	line-height: 16px;
	height: 16px;
	padding-left: 21px;
	margin-bottom: 2px;
	color: #666666 !important;
}
div.UserDetailsCard a.Email
{
	background-image: url('../../Users/UserDetails/Content/Email_16.png');
}

div.UserDetailsCard a.Phone
{
	background-image: url('../../Users/UserDetails/Content/Phone_16.png');
}


/* Source: Fwamework\Users\UserDetails\Content\UserDetailsControl.css, Theme Flatty (default) */
a.UserDetails
{
	cursor: help;
	color: #666666 !important;
}

a.UserDetails:hover,
a.UserDetails:focus,
a.UserDetails:active
{
	background-color: #FFFFE1;
	color: #CC861B !important;
}

a.UserDetails:active
{
	color: #000000 !important;
}

div.UserDetailsPopup
{
	/*transition: width 0.50s ease-out;*/
	
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #FFFFFF;
	border: 3px solid #000000;
	opacity: 0.92;
	filter: alpha(opacity=92);
	padding: 15px;
	
	z-index: 99999; /* Seriously, a shit number like this? It's because of DevExpress z-index of popups : 12000... */
}

div.UserDetailsPopup div.Loading
{
	background-image: url('../../../Content/LoadingAccentColor.gif');
	background-position: center center;
	height: 32px;
	width: 32px;
}


/* Source: Isolation\Content\DevExpress.css, Theme Flatty (default) */
.dxeButtonEditButton {
	background: #f5f5f5 0 0 no-repeat padding-box;
	border: 3px solid #f5f5f5 !important;
	border-radius: 0 6px 6px 0;
	padding: 0 12px;
}

.dxeButtonEditSys {
    border-spacing: 0px;
}

	.dxeButtonEditSys td.dxic {
		padding: 0;
		border-radius: 6px;
	}

.dxeButtonEdit {
	background-color: initial;
	border: none;
	font: initial;
	border-radius: 6px;
}


/* Source: Isolation\Content\modal.css, Theme Flatty (default) */
/* The Modal (background) */
div.modalBox {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/*Warnin message*/
.warningRulesChanged{
    display:none;
}


/* Source: Isolation\Content\PrintDevis.css, Theme Flatty (default) */
div.PrintDevis input.hiddenActionButton {
    display: none;
}

div.PrintDevis table.AssignTable th.AssignCell {
    text-transform: uppercase;
    font-size: 16px;
    padding: 0 4px;
}

div.PrintDevis table.AssignTable tr.AssignTableRow .AssignCell:last-child,
div.PrintDevis table.AssignTable tr.AssignTableHeader th.AssignCell:last-child {
  padding: 0;
}

    tr.AssignTableRow .AssignCell:last-child a {
      padding: 0 4px;
    }

div.PrintDevis table.AssignTable td.AssignCell {
    padding: 4px 4px;
}

div.PrintDevis div.PrintCommands {
  margin: 15px 0px;
}

div.PrintDevis div.AjaxUI-Step {
    padding: 0px;
}

    div.PrintDevis div.AjaxUI-Step h3 {
        display: inherit;
    }

div.PrintDevis div.PrintDevisContent div.PrintDevisContentContent,
div.PrintDevis div.PrintDevisPart {
    padding: 10px;
}

div.PrintDevis *.Numeric {
    text-align: right;
}

div.PrintDevis *.CheckCell {
    text-align: center;
}

div.PrintDevis .dxeDisabled,
div.PrintDevis .dxeDisabled td.dxe,
div.PrintDevis .dxeDisabled .dxeEditArea,
div.PrintDevis .dxeDisabled .dxeMemoEditArea {
    background-color: transparent;
}

p.DevisDisabledMessage {
    text-align: center;
    font-size: 20px !important;
    font-weight: bold;
}

.mention {
    color: #ff6150;
    text-align: center;
    font-size: 16px;
}

.WillLoad * {
    background-color: rgba(0, 0, 0, 0.5) !important;
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
}

    .WillLoad.Loading {
        background-color: rgba(0, 0, 0, 0.2) !important;
        transition: all 200ms;
        -moz-transition: all 200ms;
        -webkit-transition: all 200ms;
    }

tr.Loading td.CanRefresh {
    background-image: url('../../../Isolation/Content/ajax-loader.gif') !important;
    background-position: 5px 50%;
}

div.PrintDevis .GeneratePDFFile {
    margin-left: 20px;
}

div.PrintDevis table.AssignTable,
div.PrintDevis table.AssignTable th,
div.PrintDevis table.AssignTable td {
    border: 1px solid #cecece;
}

div.PrintDevis .chkHidePrices label {
    font-size: 14px;
}

.printDevislnkDelete {
    color: #ff6150;
}

.clientHidden{
    visibility:hidden;
}

/*Hide clear button when selectBox is disabled*/
.dxeButton.dxeButtonEditButton.dxeButtonEditClearButton.dxeDisabled.dxeButtonDisabled {
    display: none;
}


/* Source: Isolation\Form\Web\Content\AjaxUI.css, Theme Flatty (default) */
div.AjaxUI {
}

    div.AjaxUI.AjaxUI-Loading select,
    div.AjaxUI.AjaxUI-Loading input[type=text],
    div.AjaxUI.AjaxUI-Loading input[type=number],
    div.AjaxUI.AjaxUI-Loading input[type=mail],
    div.AjaxUI.AjaxUI-Loading input[type=email],
    div.AjaxUI.AjaxUI-Loading input[type=password],
    div.AjaxUI.AjaxUI-Loading textarea,
    div.AjaxUI.AjaxUI-Loading .select-styled,
    div.AjaxUI.AjaxUI-Loading .radio-item {
      cursor: default;
      pointer-events: none;
      opacity: 0.6;
    }

    div.AjaxUI select,
    div.AjaxUI input[type=text],
    div.AjaxUI input[type=number],
    div.AjaxUI input[type=mail],
    div.AjaxUI input[type=email],
    div.AjaxUI input[type=password],
    div.AjaxUI textarea {
        text-align: left;
        font-family: Rubik !important;
        font-size: 12px;
        line-height: 30px;
        font-weight: 500;
        letter-spacing: .54px;
        color: #000;
        background: #f5f5f5 0 0 no-repeat padding-box;
        border: 3px solid #f5f5f5;
        border-radius: 6px;
        height: 25px;
        padding: 0 0.75rem;
    }

        div.AjaxUI input.form-required-field,
        div.AjaxUI table.form-required-field,
        div.AjaxUI select.form-required-field,
        div.AjaxUI textarea.form-required-field {
            border: 2px solid red !important;
            animation: shake 0.12s linear 8;
        }

    div.AjaxUI select {
        height: 31px;
    }

        div.AjaxUI select:focus,
        div.AjaxUI input[type=text]:focus,
        div.AjaxUI input[type=number]:focus,
        div.AjaxUI input[type=mail]:focus,
        div.AjaxUI input[type=email]:focus,
        div.AjaxUI input[type=password]:focus,
        div.AjaxUI textarea:focus,
        div.AjaxUI .dxeButtonEditSys.dxeButtonEdit:focus {
            outline: 0;
            box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
        }

    /* HACK: DevExpress DateEdit */
    div.AjaxUI td.dxic input[type=text],
    div.AjaxUI td.dxh0 input[type=text] {
        margin-bottom: 0;
    }

    div.AjaxUI button,
    div.AjaxUI input[type=submit],
    .dxbButton,
    a.CommandButton {
        border: none;
        text-align: center;
        line-height: 30px;
        font-weight: 500;
        letter-spacing: .54px;
        text-transform: uppercase;
        border-radius: 6px;
        height: 30px;
        background: #4d4d4d 0 0 no-repeat padding-box;
        color: #fff;
        padding: 1px 12px;
        cursor: pointer;
    }

        div.AjaxUI button:hover,
        div.AjaxUI input[type=submit]:hover,
        .dxbButton:hover {
            background-color: #000;
        }

        div.AjaxUI button.secondary,
        div.AjaxUI input[type=submit].secondary
        .dxbButton.secondary,
        a.CommandButton.Export {
            background: #ededed 0 0 no-repeat padding-box;
            color: #4d4d4d;
        }

            div.AjaxUI button.secondary:hover,
            div.AjaxUI input[type=submit].secondary:hover,
            .dxbButton.secondary:hover,
            a.CommandButton.Export:hover {
                background: #cecece 0 0 no-repeat padding-box;
            }

        div.AjaxUI button.third,
        div.AjaxUI input[type=submit].third,
        .dxbButton.third,
        a.CommandButton {
            background: #FFA822 0 0 no-repeat padding-box;
        }

            div.AjaxUI button.third:hover,
            div.AjaxUI input[type=submit].third:hover,
            .dxbButton.third:hover,
            a.CommandButton:hover {
                background: #ffa822ab 0 0 no-repeat padding-box;
            }

a.CommandButton {
    padding: 8px 12px;
    text-decoration: none;
}

div.Box.BoxWithBottomButton .BtnBoxBottom input[type=submit].LinkButton {
    padding-left: 32px;
    height: 44px;
    color: #4d4d4d;
    font-weight: 500;
    line-height: 30px;
    background: #ededed 0 0 no-repeat padding-box;
}

    div.Box.BoxWithBottomButton .BtnBoxBottom input[type=submit].LinkButton:hover {
        background: #ffa822ab 0 0 no-repeat padding-box;
    }

div.AjaxUI button[disabled],
div.AjaxUI input[type=submit][disabled],
.dxbButton input[type=submit][disabled] {
    background-color: #CACACA;
    cursor: default;
}

    div.AjaxUI button[disabled]:hover,
    div.AjaxUI input[type=submit][disabled]:hover,
    .dxbButton input[type=submit][disabled]:hover {
        background-color: #CACACA;
    }

div.Summary div.GetModelFile input[type=submit],
div.Summary div.Reset button {
    min-width: 140px;
}


/*PENDING*/
/*
        div.AjaxUI button.animated,
        div.AjaxUI input[type=submit].animated {
            border: 3px solid #fff;
            border-radius: 6px;
            box-shadow: 0 0 8px rgb(0 0 0 / 16%);
            position: relative;
            transition: all .3s ease-out;
            z-index: 0;
            background: red;
            display: inline-block;
            font-weight: 400;
            color: #212529;
            text-align: center;
            vertical-align: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            background-color: #fff;
            border: 1px solid transparent;
            padding: 0.375rem 0.75rem;
            font-size: 1rem;
            line-height: 1.5;
        }

            div.AjaxUI button.animated:before,
            div.AjaxUI input[type=submit].animated:before {
                z-index: -1;
                clip-path: polygon(0 0,46px 0,22px 100%,0 100%);
                border-radius: 6px;
                transition: clip-path .4s ease-in-out;
                cursor: pointer;
                position: absolute;
                content: "";
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                background-color: #00975f;
            }

            div.AjaxUI-Step button.animated:after,
            div.AjaxUI input[type=submit].animated:after {
                position: absolute;
                content: "";
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                z-index: -2;
                background-color: #fff;
                cursor: pointer;
            }
*/

div.AjaxUI-Form {
    padding: 20px;
    background-color: #FFFFFF;
    border: 1px solid rgba(0,0,0,.13);
    margin-bottom: 10px;
    box-shadow: 0 0 8px #00000029;
    border-radius: 6px;
}

    div.AjaxUI-Form div.AjaxUI-Form {
        background-color: #FFFFFF;
        margin: 5px;
    }

div.AjaxUI-Step h4 {
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #FFA822;
    font-size: 24px !important;
    line-height: 28px;
    font-weight: 700;
}

div.AjaxUI-Form .Form tr {
    min-height: 51px;
}

div.AjaxUI-Form .Form select:not(.Numeric) {
    min-width: 300px;
}

div.AjaxUI div.StepsBreadcrumbs {
    position: absolute;
    top: 70px;
}

    div.AjaxUI div.StepsBreadcrumbs ul,
    div.AjaxUI div.StepsBreadcrumbs ul li {
        display: inline;
        list-style-type: none;
        zoom: 1;
    }

        div.AjaxUI div.StepsBreadcrumbs ul li:first-child {
            padding-left: 18px;
        }

        div.AjaxUI div.StepsBreadcrumbs ul li a {
            display: inline-block;
            color: #707070;
            font-size: 14px;
            text-decoration: none !important;
            padding: 10px 20px 10px 14px;
            border-radius: 6px;
            position: relative;
        }

            div.AjaxUI div.StepsBreadcrumbs ul li a:after {
                content: ">";
                right: 0;
                top: 10px;
                position: absolute;
                color: #4D4D4D !important;
                font-weight: bold;
            }

        div.AjaxUI div.StepsBreadcrumbs ul li:last-child a:after {
            content: "";
        }

        div.AjaxUI div.StepsBreadcrumbs ul li a.BlockedStep {
            color: #CACACA !important;
            cursor: default;
        }

            div.AjaxUI div.StepsBreadcrumbs ul li a.BlockedStep:hover {
                opacity: 1;
            }

        div.AjaxUI div.StepsBreadcrumbs ul li a.CurrentStep {
            font-weight: bold;
        }


div.AjaxUI-Steps {
    position: relative;
    padding-right: 28%;
}

div.ContextInfo {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 28%;
    height: 664px;
    background-color: #FFFFFF;
    border: 1px solid rgba(0,0,0,.13);
    border-radius: 6px;
    margin: 5px 5px 5px 0;
}

div.AjaxUI-Loading div.ContextInfo {
    background-image: url('../../../Isolation/Form/Web/Content/Loading.gif');
    background-position: 50% 5px;
}

div.Tutorial {
    background-color: #f7f7f7;
    padding: 30px;
    height: 400px;
    overflow: auto;
    color: #4d4d4d;
}

    div.Tutorial h3,
    div.Tutorial p {
        font-size: 16px;
    }

    div.Tutorial h3 {
        margin-bottom: 16px;
        text-align: center;
    }

div.Summary {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    padding: 10px 0px;
    background-color: #FFFFFF;
}

    div.Summary div.ReadOnlyField {
        padding: 5px 30px;
        font-size: 16px;
    }

        div.Summary div.ReadOnlyField .ReadOnlyValue {
            font-size: 16px;
        }

        div.Summary div.ReadOnlyField span.ReadOnlyFieldGroupTitle {
            font-style: italic;
            display: inline-block;
            border-bottom: 1px dotted #555555;
            margin-bottom: 2px;
            font-size: 16px;
        }

        div.Summary div.ReadOnlyField div.ReadOnlyField {
            padding-top: 1px;
            padding-bottom: 1px;
        }


div.AjaxUI-Step {
    padding: 5px;
}

    div.AjaxUI-Step div.AjaxUI-StepContent {
        margin: 0 5px 5px 0;
    }

    div.AjaxUI-Step .GlueProduct {
        width: 100px;
    }

    div.AjaxUI-Step div.StepNavigation {
    }

        div.AjaxUI-Step div.StepNavigation div.Clear {
            clear: both;
        }

    div.AjaxUI-Step .ReadOnlyValue {
        font-size: 16px;
    }

div.StepNavigation div.StepNavigationContent {
    padding: 10px;
}

    div.StepNavigation div.StepNavigationContent button.NextStep {
        float: right;
    }

    div.StepNavigation div.StepNavigationContent button.PreviousStep {
        float: left;
    }

/* SCROLLBAR CUSTOM */
::-webkit-scrollbar {
    width: 13px;
    height: 13px;
}

::-webkit-scrollbar-button:vertical {
    background-color: #FFFFFF;
    border-left: 1px solid #666666;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: block;
    background-image: url('../../../Isolation/Form/Web/Content/scroll-up.png');
    background-repeat: no-repeat;
    background-position: center center;
}

::-webkit-scrollbar-button:end:increment {
    background-image: url('../../../Isolation/Form/Web/Content/scroll-down.png');
}

::-webkit-scrollbar-track:vertical {
    border-left: 1px solid #666666;
}

::-webkit-scrollbar-track-piece:vertical:start {
    border-left: 1px solid #666666;
}

::-webkit-scrollbar-track-piece:vertical:end {
    border-left: 1px solid #666666;
}

::-webkit-scrollbar-track-piece {
    background-color: #FFFFFF;
}

::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    background-color: #4A4A4A;
    border-left: 1px solid #666666;
}
/* FIN SCROLLBAR CUSTOM */

div.AjaxUI-Step table.Form,
div.AjaxUI-Step table.Form td.FormLabel,
div.AjaxUI-Step table.Form td.FormValue {
    padding: 5px 0px;
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
}

div.AjaxUI-Step h3 {
    display: none;
}

div.AjaxUI-Step table.Form td.FormLabel {
    width: 40%;
    color: #4D4D4D;
    font-weight: 600;
}

div.AjaxUI div.SelectedSystem {
    color: #4A4A4A;
    text-align: center;
    margin-top: 10px;
    font-weight: bold;
    font-size: 16px !important;
}

    div.AjaxUI div.SelectedSystem td.FormLabel {
        color: #4A4A4A !important;
    }

div.DxAlertConfirmPopup {
    background-color: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0 0 8px #00000029;
    border: 1px solid rgba(0,0,0,.13);
}

    div.DxAlertConfirmPopup div.dxpc-mainDiv {
        overflow: auto;
    }

div.AlertConfirmPopup h4 {
    color: #ff6150;
    font-size: 18px !important;
    margin-bottom: 20px;
}


div.AlertConfirmPopup div.Message {
    font-size: 14px !important;
    min-width: 300px;
    margin-bottom: 20px;
}

div.AlertConfirmPopupCommands {
    text-align: center;
    white-space: nowrap;
}

    div.AlertConfirmPopupCommands button {
        width: 100px;
    }

        div.AlertConfirmPopupCommands button + button {
            margin-left: 10px;
        }


div.AjaxUI-Step table.Form td.FormImage {
    width: 0.01%;
    min-width: 71px;
}

div.AjaxUI input.Numeric,
div.AjaxUI select.Numeric {
    text-align: right;
    width: 150px !important;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

div.AjaxUI-Step textarea {
    height: 80px;
    width: 280px;
}

div.AjaxUI-Step select {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    background-image: url('../../../Isolation/Form/Web/Content/drop_arrow.svg');
    background-position: right center;
    padding-right: 26px;
    min-width: 250px;
    /* IE HACKS */
    background-image: none\9;
    *background-image: none;
    _background-image: none;
    padding-right: 0px\9;
    *padding-right: 0px;
    _padding-right: 0px;
}

div.AjaxUI .dxeButtonEdit {
    border: none;
}

div.AjaxUI .dxeButtonEditSys.dxeButtonEdit tr {
    background-color: #F5F5F5;
}

div.AjaxUI .dxeButtonEditButton,
div.AjaxUI .dxeCalendarButton,
div.AjaxUI .dxeSpinIncButton,
div.AjaxUI .dxeSpinDecButton,
div.AjaxUI .dxeSpinLargeIncButton,
div.AjaxUI .dxeSpinLargeDecButton,
div.AjaxUI .dxeColorEditButton {
    border: none;
}

div.AjaxUI-Step table.Layout select {
    min-width: 170px;
    width: 300px\9;
}

@media all and (orientation:landscape) {
    div.Tutorial {
        height: 380px;
    }
}

@-moz-document url-prefix() {
    div.AjaxUI-Step select {
        background-image: none;
        padding-right: 0px;
    }
}


/*div.AjaxUI-Step select[disabled],
div.AjaxUI-Step input[disabled]
{
	background-color: #EAEAEA;
	border-color: #ABABAB;
}


div.Box div.AjaxUI-Step {
    background-color: transparent;
    padding: 0px;
}*/



/* Started on: 05/11/2026 23:54:07 */
/* Duration: 0:00:00:00.1406225 */
/* Assembly version: 1.6.0.15211 */
/* Request: /Fwamework/ContentMerging/CSS/CSS.ashx */
