/* Float */
.fRight { float: right; }
.fLeft { float: left; }

/* Width */
.w100 { width: 100%; }
.w90 { width: 90%; }
.w80 { width: 80%; }
.w79 { width: 79%; }
.w64 { width: 64%; }
.w50 { width: 50%; }
.w40 { width: 40%; }
.w36 { width: 36%; }
.w35 { width: 35%; }
.w30 { width: 30%; }
.w20 { width: 20%; }
.w15 { width: 15%; }
.w10 { width: 10%; }

.w450p { width: 450px; }
.w225p { width: 225px; }
.w200p { width: 200px; }
.w180p { width: 180px; }
.w170p { width: 170px; }
.w160p { width: 160px; }
.w150p { width: 150px; }
.w135p { width: 135px; }
.w122p { width: 122px; }
.w100p { width: 100px; }
.w95p { width: 95px; }
.w90p { width: 90px; }
.w70p { width: 70px; }
.w60p { width: 60px; }
.w42p { width: 42px; }
.w30p { width: 30px; }

/* Padding */
.pT10 { padding-top: 10px; }
.pT5 { padding-top: 5px; }
.pT4 { padding-top: 4px; }
.pR16 { padding-right: 16px }
.pR10 { padding-right: 10px; }
.pL10 { padding-left: 10px; }
.pB5 { padding-bottom: 5px; }

/* Margin */
.mB10 { margin-bottom: 10px; }
.mB5 { margin-bottom: 5px; }
.mT10 { margin-top: 10px; }
.mTB5 { margin-top: 5px; margin-bottom: 5px; }
.mR35 { margin-right: 35px; }
.mL5 { margin-left: 5px; }
.mL20 { margin-left: 20px; }
.mL10 { margin-left: 10px }

/* Align */
.vB { vertical-align: bottom; }
.vT { vertical-align: top; }
.right { text-align: right; }

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

.aling-bottom {
    vertical-align: bottom;
}

/* Colours */
.print-only
{
    display: none;
}

.sale-checkbox {
    width: 410px;
    padding-top: 3px;
    vertical-align: top;
}

.sub-checkbox {
    float: right;
    width: 230px;
}

@media print {

    .screen-only, 
    .dxeButtonEditButton,
    .DateDiv1000 input[type="image"], 
    .DateDiv999 input[type="image"], 
    .DateDiv998 input[type="image"] {
        display: none;
    }

    .print-only {
        display: initial;
    }

    .print-controls {
        border: none;
        border-bottom: 1px solid black;
    }

    .SectionHeaderTitle
    {
        padding: 2px 5px;
        border: 1px solid #a8a8a8;
        display: inline-block;
        width: 170px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;  
    }

    #page, .SubGroup, .SectionHeader {
        background: white;
    }

    body {
        background-color: white;
    }
}

@media screen {

    body {
        background-color: #111;
    }

    .SubGroup, .FlexGroup, .LargeGroup {
        background: #f0f0f0;
    }

    #page {
        background: url('images/layout_middle.png');    
    }

    .SectionHeader {
        background-image: url(images/SectionHeader.gif);
    }
}

body {
	color: #222;    
}

body.embedded {
    background-color: white;
}

.namebar
{
	color: #FFF;
	background-color: #4A60D7;
}

.namebar.danger
{
    background-color: darkred;
}

.Section
{
	background-color: #f0f0f0;
}

.SubGroup, .FlexGroup, .LargeGroup
{
	color: #222; /*background-color:#666;*/ /*DBE7F0*/
}

.HeaderStyle
{
	background-color: #4A60D7;
}

.AltRow
{
	background: #f0f0f0;
	text-align: left;
}

/* MENU */
div#HeaderMenu
{
	background-color: #ffbc73;
	width: 100%;
}

.SubMenu
{
	background-color: #ffa340;
}

.TopMenuItem
{
	cursor: pointer;
	padding: 4px;
	display:inline-block;
}

.MenuOut
{
	/*border: 1px solid  #809dc8;*/
	color: #222;
	text-align: center;
	width: 100%;
}

.MenuSelected
{
	color: White;
}

.MenuSelected a
{
	font-weight: bolder;
}

.MenuSelected div
{
	background-color:#ffa340;
}

.MenuOver
{
	background-color: #d9e2ef;
	border: 1px solid #809dc8;
	text-align: center;
	width: 100%;
}

.DynamicMenu
{
	color: #222;
	background-color: #DBE3DA;
	border: solid 1px #133090;
	z-index: inherit;
}

.DynamicMenuOut
{
	padding: 4px;
	background-color: #f0f0f0;
	color: #222;
}

.DynamicMenuOver
{
	color: #FFF;
	background-color: #133090;
	padding: 4px 4px 4px 4px;
	cursor: pointer;
}

/* MAIN */

body, input, textarea, td, th, table, option, select
{
	font: 12px Arial,Sans-Serif;
	resize: none;
}

body
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

ul
{
	margin-bottom: 0px;
}

div#Main
{
	width: 940px;
	margin-left: auto;
	margin-right: auto;
}

div#TitleBar
{
	background-color: #d6e6f9;
	width: 940px;
	height: 20px;
	color: White;
}

div#Version
{
	float: left;
	padding-left: 5px;
}

div#UserName
{
	float: right;
	padding-right: 5px;
}

div#Content
{
	margin-left: 10px;
	margin-bottom: 10px;
}

.Required
{
	color: Red;
}

/* CONTENT */
.WindowTitle
{
	color: #222;
}

.trucated-right-title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Override Legend position for IE7 */
* + html > body .SectionHeader
{
	top: -10px;
	left: 10px;
}

.SectionHeaderTitle
{
	text-align: left;
}

.SectionPopup
{
	border: 2px outset;
	background: #ffffff;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	max-height: 80vh;
	overflow: auto;

    min-width: 256px;
    max-width: 1000px;
}

/* GRIDVIEW */
.HeaderStyle
{
	text-align: left;
}

.HeaderStyle a:link, .HeaderStyle a:hover, .HeaderStyle a:visited, .HeaderStyle a:active, .HeaderStyle th
{
	color: white;
}

.RowStyle
{
	background: white;
	text-align: left;
}

.AltRow
{
	text-align: left;
}

.SelectedRowStyle
{
	background-color: #C5C5AA;
	text-align: left;
}

.EditRow
{
	text-align: left;
	background-color: #F2F5D6;
}

.EmptyDataRow
{
	background: white;
	text-align: left;
}

/* Controls */
.Field50
{
	width: 370px;
}

.Field50Watermark
{
	width: 370px;
	color: Red;
}

.Field275 {
    width: 275px;
}

.Field275Watermark
{
    width: 275px;
    color: red;
}

.Field95
{
    width: 95px;
}

.Field95Watermark {
    width: 95px;
    color: Red;
}

.Field35
{
	width: 220px;
}

.Field35Watermark
{
	width: 220px;
	color: Red;
}

.Field25
{
	width: 178px;
}

.Field160
{
	width: 160px;
}

.wrap-text-label {
	width: 100px;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal;
}

.WrapLabel {
	word-wrap: break-word;
}

.Pointer
{
    
    cursor:pointer;
    
 }

.Field25Watermark
{
	width: 178px;
	color: Red;
}

.Field15
{
	width: 111px;
}

.Field15Watermark
{
	width: 111px;
	color: Red;
}

.Field12
{
	width: 89px;
}

.Field85
{
    width: 84px;
}

.Field12Watermark
{
	width: 89px;
	color: Red;
}

.Field10
{
	width: 70px;
}

.Field8
{
	width: 56px;
}

.Field7
{
	width: 49px;
}

.Field5
{
	width: 35px;
}

.Field10Watermark
{
	width: 70px;
	color: Red;
	text-align: left;
}

.FieldSpacer
{
	width: 10px;
}

.Fields, .FieldsWatermark
{
	width: 100%;
}

.FieldsWatermark
{
	color: Red;
}

.FieldMediumSpacer
{
	width: 30px;
}

.FieldBigSpacer
{
	width: 60px;
}

/*******************/
/*** Tab Control ***/
/*******************/

.AjaxTab .ajax__tab_outer
{
	background-color: #333333;
	color: #FFF;
}

.AjaxTab .ajax__tab_tab
{
	background-color: #333333;
	color: #FFF;
	padding: 5px 15px 5px 15px;
}

.AjaxTab .ajax__tab_inner
{
	background-color: #FFF;
	color: White;
}

.AjaxTab .ajax__tab_hover .ajax__tab_outer
{
	background-color: #133090;
	color: White;
}

.AjaxTab .ajax__tab_hover .ajax__tab_inner
{
	background-color: #FFF;
	color: White;
}

.AjaxTab .ajax__tab_active .ajax__tab_outer
{
	background-color: #333333;
	color: White;
}

.AjaxTab .ajax__tab_active .ajax__tab_inner
{
	background-color: #FFF;
	color: White;
}

.AjaxTab .ajax__tab_hover .ajax__tab_tab
{
	background-color: #133090;
	color: White;
	padding: 5px 15px 5px 15px;
}

.AjaxTab .ajax__tab_active .ajax__tab_tab
{
	background-color: #133090;
	color: White;
	padding: 5px 15px 5px 15px;
}

.AjaxTab .ajax__tab_body
{
	border-top: 2px solid #133090;
	background-color: #FFF;
}

/* Calendar Control */
.DateDiv1000 {
	position: relative

}

.DateDiv999 {
	position: relative;

}

.DateDiv999 {
	position: relative;

}

.DateDiv998 {
	position: relative;

}

* + html > body .DateDiv1000
{
	position: static;
	z-index: inherit;
}

* + html > body .DateDiv999
{
	position: static;
	z-index: inherit;
}

* + html > body .DateDiv998
{
	position: static;
	z-index: inherit;
}

/* Modal Popup */
.ModalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

/* Disabled button */
.DisabledButton
{
	filter: alpha(opacity=50);
	opacity: 0.5;
	cursor:not-allowed;
}

/* PAGE */
#top_layout, #top_layout_small
{
	margin: 0px;
	padding: 0px;
	height: 53px;
	margin: 0px auto 0;
}

    .embedded #top_layout, .embedded #top_layout_small {
        display: none;
        margin: 0px;
    }

#top_layout
{
	background: url('images/layout_top.png');
	width: 1000px;
}

#top_layout_small
{
	background: url('images/layout_top_small.png');
	width: 470px;
}

#header
{
	float: left;
	display: inline; /* IE FIX*/
	margin: 0px;
	background: #000000;
	margin-left: 30px;
	height: 40px;
	width: 940px;
}

    .embedded #header {
        display: none;
    }

#page, #page_small
{
	margin: 0px;
	padding: 0px;
	text-align: left;
	margin: 0px auto;
}

.embedded #page, .embedded #page_small
{
	background: white;
    margin: 0px;
}

#page {
    width: 1000px;
}

#page_small
{
	background: url('images/layout_middle_small.png');
	width: 470px;
}

#footer, #footer_small
{
	font-size: 0.9em;
	line-height: 1.8em;
	color: #FFF;
	height: 53px;
	text-align: center;
}

    .embedded #footer, .embedded #footer_small {
        display: none;
    }

#footer
{
	margin: 0px auto; /**margin:0 auto;*/ /* ie hack */
	width: 1000px;
	background-image: url('images/layout_bottom.png');
}

#footer_small
{
	margin: 0 auto;
	width: 470px;
	background-image: url('images/layout_bottom_small.png');
}

#footer a, #footer_small a, #divStatus a{
color:#FFF;
font-weight:bold;
text-decoration: underline;
}

#footer a:hover, #footer a:hover, #divStatus a:hover{
border:none;
font-weight:bold;
text-decoration:underline;
}

/***************/
/*** CONTENT ***/
/***************/

.content
{
	clear: left;
	color: #444;
	padding-left: 25px;
	padding-right: 25px;
}

    .embedded .content {
        padding: 0px;
    }

/*************/
/* Title Bar */
/*************/

.headerbar
{
	position: relative;
	background-color: #ffbc73;
	color: #222;
	margin-bottom: 4px;
	padding: 0px 5px;
}

    .embedded .headerbar {
        display: none;
    }

/*
.LargeGroup{
position:relative;
margin-top:15px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
padding:0px 5px;
}
*/

/*.LargeGroup .inner,.SubGroup .inner, .FlexGroup .inner{
padding-top:15px;
}*/

.SubGroup, .FlexGroup, .LargeGroup
{
	border: 1px solid #a8a8a8;
	position: relative;
	margin-top: 15px;
	margin-bottom: 22px;
	
	padding-top: 14px;
	padding-bottom: 8px;
}

.LargeGroup
{
	padding-right: 8px;
	padding-left: 8px;
}

.LargeGroup, .SubGroup, .FlexGroup
{
	/*padding-right: 16px;*/
	margin-left: 0px;
	margin-right: 0px;
}

/* SECTIONS */
.Section
{
	width: 930px;
	border: 1px solid #a8a8a8;
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-top: 14px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
}

.SectionHeader
{
    background-repeat:no-repeat;
    width:177px; 
    height: 21px;
    position: absolute;
    top: -11px;
    padding: 3px 5px;
    color: #222;
    left:8px;

    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

fieldset.SectionPopup > legend,
fieldset.SectionPopup > div > legend {
	font-size: larger;
	box-sizing: border-box;
	color: white;
	background-color: #4A60D7;
	float: left;
	width: 100%;
	padding: 8px;
	border-radius: 5px;
	margin-bottom: 0.5em;
}

fieldset.SectionPopup > legend + *,
fieldset.SectionPopup > div > legend + * {
	clear: both;
}

fieldset.group {
    border-radius: 5px
}

.namebar
{
	position: relative;
	margin-bottom: 8px;
	padding: 0px 5px;
}

.namebar A
{
	color: White;
	text-decoration: none;
}

.namebar A:hover, .namebar A:active
{
	color: White;
	text-decoration: underline;
}

/*
.SubGroup, .FlexGroup
{
position:relative;
margin-bottom:4px;
padding:0px 5px;
margin-top:15px;
}
*/

.SubGroup
{
	/*width:442px;*/
	width: 100%;
}

.inner
{
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.ButtonDiv
{
	margin-top: 10px;
	text-align: center;
}

.btn-link {
    border: none;
    background: none;
    color: white;
    font-size: large;
	padding-left: 3px;
	padding-right: 3px;
}

.btn-link:enabled {
    cursor: pointer;
}

.btn-link:hover:enabled {
    font-weight: bolder;
}

.btn-group {
    display: inline-block;
}

.btn-group + .btn-group,
.btn-group + button,
.btn-group + input,
button + .btn-group,
input + .btn-group {
    margin-left: 2ch;
}

span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span
{
	background-repeat: no-repeat;
	display: block;
	font-size: 1px;
	height: 5px;
	line-height: 1px;
}

span.corners-top
{
	background-image: url(images/corners_left.png);
	background-position: 0 0;
	margin: 0 -5px;
}

span.corners-bottom
{
	background-image: url(images/corners_left.png);
	background-position: 0 100%;
	clear: both;
	margin: 0 -5px;
}

span.corners-top span
{
	background-image: url(images/corners_right.png);
	background-position: 100% 0;
}

span.corners-bottom span
{
	background-image: url(images/corners_right.png);
	background-position: 100% 100%;
}

/* Pager */

.PagerDiv
{
	margin-top: 10px;
}

.PagerContainerTable
{
	color: #d1d1e1;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.PagerInfoCell
{
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 3px;
	color: #f0f1f2;
	padding-top: 3px;
	white-space: nowrap;
	background-color: #333333;
}

.PagerInfoCell:link
{
	color: #ffcc66;
	text-decoration: none;
}

.PagerInfoCell:visited
{
	color: #ffcc66;
	text-decoration: none;
}

.PagerCurrentPageCell
{
	color: #FFFFFF;
	background-color: #133090;
}

.PagerOtherPageCells
{
	background-color: #f0f1f2;
}

.PagerSSCCells
{
	background-color: #cccccc;
}

.PagerHyperlinkStyle:hover
{
	text-decoration: none;
}

.PagerHyperlinkStyle:link
{
	color: #222;
	text-decoration: none;
}

.PagerHyperlinkStyle:visited
{
	color: #222;
	text-decoration: none;
}

.PagerHyperlinkStyle:active
{
	color: #222;
	text-decoration: none;
}

.AutoComplete
{
	overflow: auto;
	height: 200px;
	border-width: 1px;
	border-style: solid;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background: #FFF;
	visibility: hidden;
}

.TotalContainer
{
	background-color: #d9e2ef;
	border: 1px solid #809dc8;
	margin-bottom: 5px;
	padding: 5px;
	text-align: center;
	color: #222;
	display: block;
	font-size: 13px;
}

/* Collapsable Panel */
.CollapsePanel
{
	background-color: white;
	overflow: hidden;
	border: 1px outset;
}

.CollapsePanelHeader
{
	color: #FFF;
	background-color: #333333;
	border: 1px solid #333333;
	font-weight: bold;
	float: none;
	cursor: pointer;
	vertical-align: middle;
}

/* Form level table elements */

.FormTable
{
	border-collapse: collapse;
	width: 100%;
}

.FormCell
{
	width: 50%; 
	vertical-align: top;
	padding-right: 5px;
	padding-left: 5px;
}

/* Group level table elements */

.GroupTable
{
	border-collapse: collapse; 
	width: 100%;
}

.Hidden
{
	
	display:none;
	
	}
	
.dockConditionsChecks input[type="checkbox"]
{
    
    margin:0 0 0 20px;
    
    }	

/*.GroupCaptionCell
{
	padding-left: 10px;
	width: 100px;
	padding-top: 10px;
	vertical-align:top;
	
}*/

.GroupPricing
{
    padding-left: 10px;
    padding-top: 4px;
    vertical-align: top;
    width: 150px;	
    height: 21px;
}

.GroupInputCell
{
	padding-right: 16px;
}

.GroupInputTextCell
{
	padding-right: 16px;
}

.GroupInputCell, .GroupInputTextCell
{
	/*height: 25px;*/
}


.QuoteDetailSubTotalCellLabel
{
    padding-left: 10px;
    padding-top: 4px;
    vertical-align: top;
    margin-left: 10px;
    height: 21px;
}

html * .QuoteDetailSubTotalCellLabel{
    
    width: 28%;
        margin-left: 10px;
            
}

.GroupCaptionCell:empty {
    display: none;
}

.FixedCaptionCell, .GroupCaptionCell
{
    padding-left: 10px;
    padding-top: 4px;
    vertical-align: top;
    width: 100px;	
    height: 21px;
}

.CaptionCell
{
    padding-left: 10px;
    padding-top: 4px;
    vertical-align: top;	
    height: 21px;
}

.SystemDetailsLabel
{
    padding-left: 10px;
    padding-top: 4px;
    vertical-align: top;
    width: 200px;	
    height: 21px;
}


.IntervalCaptioinCell
{
    padding-left: 10px;
    padding-top: 4px;
    vertical-align: top;
    height: 21px;
    width: 80px;    
}

html * .FixedCaptionCell, .GroupCaptionCell
{
    width: 28%;
}

.PanelHack .SubGroup .SectionHeader 
{
    position:static;
    margin: -25px 0 0 10px;
    z-index: 0;
}

.OrangeTextBox
{
	background: orange;
	width: 70px;
}

/***********************************************************/
/*override ajax calendar extender style, for an issue on IE*/
.ajax__calendar_title {
	WIDTH: 155px; CURSOR: pointer; FONT-WEIGHT: bold
}
/***********************************************************/

/***********************************************************/
/*override ajax calendar extender style, for an issue with the z-index*/
.ajax__calendar_container { z-index : 40000 ; }
/***********************************************************/


/*Styles for Quote details */
.QuoteDetailSubTotalCellTextBox
{
	padding-right: 10px;
	white-space:nowrap; 
	text-align:right;
}

.olRole
{
    list-style-type: none;
    margin: 0px;
    padding-left: 20px; 
}

/* Bootstrap inspired styles */
.btn-toolbar {
    text-align: center;
}

.btn-toolbar > * + * {
    margin-left: 1em;
}

.form {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 1em;
}

.form-two-columns {
    grid-template-columns: repeat(2, auto 1fr) !important;
}

.form.fixed-width {
    grid-template-columns: 100px 1fr;
}

.form-two-columns.fixed-width {
    grid-template-columns: repeat(2, 100px 1fr) !important;
}

.form-two-columns .span-columns {
    grid-column:  2 / -1;
}

.form-two-columns .offset-column {
    grid-column-start: 3;
}

.form > label {
    text-align: right;
}

.form > label::after {
    content: ':';
}

.form > hr  {
    grid-column: 1 / -1;
    width: 100%;
    margin: 0;
    border-color: lightgrey;
}

.form input,
.form select,
.form .form-control,
.form textarea {
    box-sizing: border-box;
    width: 100% !important;
}

.form input[type=checkbox] {
    width: unset !important;
    justify-self: start;
}

.form + * {
    margin-top: 1em;
}

.percent::before {
    content: '%';
}

.currency-symbol > span {
	position: absolute;
	padding: 2px 1ch;
}

.hour::before {
	content: 'h';
}

.percent::before,
.hour::before {
    position: absolute;
    padding: 2px 1ch;
}
.percent > input,
.hour > input
{
    padding-left: 1ch;
    width: 100%;
}

.invalid-feedback {
    font-size: smaller;
    color: red;
}

.text-center {
    text-align: center;
}

.hide {
    display: none;
}

.cost-price-warning {
	color: red;
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
}

.negative-money::before {
	content: '(';
}

.negative-money::after {
	content: ')';
}

.percentage::after {
	content: '%';
}

/* quote expenses */
.quote-expenses .overhead-form,
.quote-expenses .total-form {
	display: grid;
	grid-template-columns: 1.2fr 1fr;
	grid-gap: 3px 5px;
}

.quote-expenses .overhead-form {
	margin-bottom: 5px;
}

.quote-expenses .overhead-form > div,
.quote-expenses .total-form > div:last-child {
	text-align: right;
}

.quote-expenses .overhead-form > div:nth-of-type(odd)::after,
.quote-expenses .total-form > div:first-child::after {
	content: ':';
}

.quote-expenses .overhead-form > div:nth-of-type(even),
.quote-expenses .total-form > div:last-child {
	margin-right: 95px;
}

.quote-expenses .overhead-form > div:nth-last-child(2) {
	padding-top: 2px;
}

.quote-expenses .overhead-form > div:last-child > div {
	padding-top: 2px;
	border-top: 1px solid black;
}

.quote-expenses .total-form > div:first-child {
	margin-left: 9px;
}

.sticky-bottom {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 1em;
	background-color: white;
}

.overflow-grid {
	max-height: 20em;
	overflow-y: auto;
}

.quote-adjustment-message > div:first-child {
	margin-bottom: 10px;
}

.quote-adjustment-message .message > div:first-child {
	font-weight: bold;
	margin-bottom: 5px;
}

.quote-adjustment-message .message > ul {
	margin-top: 0px;
	margin-bottom: 10px;
	padding-left: 20px;
}

.quote-adjustment-message .message .note {
	font-weight: bold;
	margin-bottom: 10px;
}

.warning {
	padding: .5rem;
	margin-bottom: 0.5rem;
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;
	border: 1px solid transparent;
	border-radius: .25rem;
	display: flex;
}

.warning .icon {
	font-size: 2rem;
	margin: 0px 15px 0px 10px;
	line-height: 0.8;
}