/**************************************************/
/** Application Forms Layout  V3                 **/
/**************************************************/

/** BEGIN Context Form Zone **/

hr
{
    height: 1px;
    padding: 0;
    margin: 0px;
    border: 0px;
    background-color:#DDD;    
}

fieldset
{
    /* bootstrap reset definition */
    border: 1px solid #CBD1D6 !important;
    padding: 2px 2px 7px 7px !important;
    margin: 4px 3px 4px 3px !important;
}

legend
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #225288;
    /* bootstrap reset definition */
    font-size: 11px ! important;    
    margin-bottom: 0 !important;
    width: auto !important;
    border-bottom: none !important;
}

* /* bootstrap reset definition */
{
    box-sizing: content-box !important;
}

select
{
    box-sizing: border-box !important;
}


.clearSeparator
{
    clear: both;
    background-color:transparent;
    padding-top: 3px;
}

/** END Context Form Zone **/



/** BEGIN Context Form Layout **/

.FormBox, 
.FormBoxPassword, 
.FormBoxLogin, 
.FormBoxSearch, 
.FormBoxLegalAction, 
.FormBoxPaymentAgreement, 
.FormBoxLawyer, 
.FormBoxLawOfficeFee, 
.FormBoxWorkflowItem,
.PanelAssetSheetForm,
.PanelAssetEquipmentOptions,
.PanelAssetEquipmentAcessories
{
    font: 11px Arial, Verdana, Helvetica, sans-serif;
    color: #696969;
    text-align: left;
    padding: 0px 5px 5px 5px;
    margin: 0;
    border: 0;
    display: block;
}

.FormBoxLogin
{
    font-size: 12px;
    margin-top: 9px;
    height: 461px;
    padding: 10px 19px 19px 19px;
}


.SectionCaptcha { width: 100%; text-align: center; }

.SectionCaptcha div { display: block !important; width: auto !important; text-align: center; }

.SectionCaptcha input[type=text] { float: none !important; }

.FormBoxWorkflowItem
{
    padding: 0px 9px 9px 9px;
}

.FormBoxError
{
    min-height: 200px;
}

.FormBoxExpiredSession
{
    min-height: 200px;
}

/** END Context Form Layout **/

/** BEGIN Context Form Column Configurations **/

/* 1 column  */
.FormColumns1x6  
{
    width: 135px;
}
.FormColumns1x6 .FormTextBox, .FormColumns1x6 .FormTextBoxRequired, .FormColumns1x6 .FormTextBoxError, .FormColumns1x6 .FormTextBoxReadonly, .FormColumns1x6 .FormFieldReadonly,
.FormColumns1x6 .FormTextArea, .FormColumns1x6 .FormTextAreaRequired, .FormColumns1x6 .FormTextAreaError, .FormColumns1x6 .FormTextAreaReadonly,
.FormColumns1x6 .FormFieldMultiLineReadonly
{
    width: 132px;
}
.FormColumns1x6 .FormTextBox[fmt=DateTime], .FormColumns1x6 .FormTextBoxRequired[fmt=DateTime], .FormColumns1x6 .FormTextBoxError[fmt=DateTime], .FormColumns1x6 .FormTextBoxReadonly[fmt=DateTime], .FormColumns1x6 .FormFieldReadonly[fmt=DateTime]
{
    width: 110px !important;
}

.FormColumns1x6 .FormDropDownList, .FormColumns1x6 .FormDropDownListRequired, .FormColumns1x6 .FormDropDownListError, .FormColumns1x6 .FormDropDownListReadonly
{
    width: 135px;
}

/* 2 columns of 6 */
.FormColumns2x6 
{
    width: 291px;
}
.FormColumns2x6 .FormTextBox, .FormColumns2x6 .FormTextBoxRequired, .FormColumns2x6 .FormTextBoxError, .FormColumns2x6 .FormTextBoxReadonly, .FormColumns2x6 .FormFieldReadonly,
.FormColumns2x6 .FormTextArea, .FormColumns2x6 .FormTextAreaRequired, .FormColumns2x6 .FormTextAreaError, .FormColumns2x6 .FormTextAreaReadonly,
.FormColumns2x6 .FormFieldMultiLineReadonly
{
    width: 290px;
}
.FormColumns2x6 .FormDropDownList, .FormColumns2x6 .FormDropDownListRequired, .FormColumns2x6 .FormDropDownListError, .FormColumns2x6 .FormDropDownListReadonly
{
    width: 293px;
}

/* 3 Columns of 6 */
.FormColumns3x6 
{
    width: 447px;
}

.FormColumns3x6 .FormTextBox, .FormColumns3x6 .FormTextBoxRequired, .FormColumns3x6 .FormTextBoxError, .FormColumns3x6 .FormTextBoxReadonly, .FormColumns3x6 .FormFieldReadonly,
.FormColumns3x6 .FormTextArea, .FormColumns3x6 .FormTextAreaRequired, .FormColumns3x6 .FormTextAreaError, .FormColumns3x6 .FormTextAreaReadonly,
.FormColumns3x6 .FormFieldMultiLineReadonly
{
    width: 446px;
}

.FormColumns3x6 .FormDropDownList, .FormColumns3x6 .FormDropDownListRequired, .FormColumns3x6 .FormDropDownListError, .FormColumns3x6 .FormDropDownListReadonly
{
    width: 450px;
}

/* 4 Columns of 6 */
.FormColumns4x6
{
    width: 624px;
}

.FormColumns4x6 .FormTextBox, .FormColumns4x6 .FormTextBoxRequired, .FormColumns4x6 .FormTextBoxError, .FormColumns4x6 .FormTextBoxReadonly, .FormColumns4x6 .FormFieldReadonly,
.FormColumns4x6 .FormTextArea, .FormColumns4x6 .FormTextAreaRequired, .FormColumns4x6 .FormTextAreaError, .FormColumns4x6 .FormTextAreaReadonly,
.FormColumns4x6 .FormFieldMultiLineReadonly
{
    width: 623px;
}

.FormColumns4x6 .FormDropDownList, .FormColumns4x6 .FormDropDownListRequired, .FormColumns4x6 .FormDropDownListError, .FormColumns4x6 .FormDropDownListReadonly
{
    width: 628px;
}

/* 5 Columns of 6 */
.FormColumns5x6 
{
    width: 777px;
}

.FormColumns5x6 .FormTextBox, .FormColumns5x6 .FormTextBoxRequired, .FormColumns5x6 .FormTextBoxError, .FormColumns5x6 .FormTextBoxReadonly, .FormColumns5x6 .FormFieldReadonly,
.FormColumns5x6 .FormTextArea, .FormColumns5x6 .FormTextAreaRequired, .FormColumns5x6 .FormTextAreaError, .FormColumns5x6 .FormTextAreaReadonly,
.FormColumns5x6 .FormFieldMultiLineReadonly
{
    width: 776px;
}

.FormColumns5x6 .FormDropDownList, .FormColumns5x6 .FormDropDownListRequired, .FormColumns5x6 .FormDropDownListError, .FormColumns5x6 .FormDropDownListReadonly
{
    width: 780px;
}

/* 6 Columns of 6 */
.FormColumns6x6 
{
    width: 954px;
}

.FormColumns6x6 .FormTextBox, .FormColumns6x6 .FormTextBoxRequired, .FormColumns6x6 .FormTextBoxError, .FormColumns6x6 .FormTextBoxReadonly, .FormColumns6x6 .FormFieldReadonly,
.FormColumns6x6 .FormTextArea, .FormColumns6x6 .FormTextAreaRequired, .FormColumns6x6 .FormTextAreaError, .FormColumns6x6 .FormTextAreaReadonly,
.FormColumns6x6 .FormFieldMultiLineReadonly
{
    width: 953px;
}

.FormColumns6x6 .FormDropDownList, .FormColumns6x6 .FormDropDownListRequired, .FormColumns6x6 .FormDropDownListError, .FormColumns6x6 .FormDropDownListReadonly
{
    width: 957px;
}

/* 1 columns  of 4 */
.FormColumns1x4 
{
    width: 217px;
}
.FormColumns1x4 .FormTextArea, .FormColumns1x4 .FormTextAreaRequired, .FormColumns1x4 .FormTextAreaError, .FormColumns1x4 .FormTextAreaReadonly,
.FormColumns1x4 .FormTextBox, .FormColumns1x4 .FormTextBoxRequired, .FormColumns1x4 .FormTextBoxError, .FormColumns1x4 .FormTextBoxReadonly, .FormColumns1x4 .FormFieldReadonly,
.FormColumns1x4 .FormDropDownList, .FormColumns1x4 .FormDropDownListRequired, .FormColumns1x4 .FormDropDownListError, .FormColumns1x4 .FormDropDownListReadonly,
.FormColumns1x4 .FormFieldMultiLineReadonly
{
    width: 217px;
}

/* 2 columns  of 4 */
.FormColumns2x4 
{
    width: 456px;
}
.FormColumns2x4 .FormTextBox, .FormColumns2x4 .FormTextBoxRequired, .FormColumns2x4 .FormTextBoxError, .FormColumns2x4 .FormTextBoxReadonly, .FormColumns2x4 .FormFieldReadonly,
.FormColumns2x4 .FormTextArea, .FormColumns2x4 .FormTextAreaRequired, .FormColumns2x4 .FormTextAreaError, .FormColumns2x4 .FormTextAreaReadonly,
.FormColumns2x4 .FormDropDownList, .FormColumns2x4 .FormDropDownListRequired, .FormColumns2x4 .FormDropDownListError, .FormColumns2x4 .FormDropDownListReadonly,
.FormColumns2x4 .FormFieldMultiLineReadonly
{
    width: 454px;
}

/* 3 columns  of 4 */
.FormColumns3x4 
{
    width: 697px;
}

/* 1 column 5 */
.FormColumns1x5 
{
    width: 167px;
}
.FormColumns1x5 .FormTextBox, .FormColumns1x5 .FormTextBoxRequired, .FormColumns1x5 .FormTextBoxError, .FormColumns1x5 .FormTextBoxReadonly, .FormColumns1x5 .FormFieldReadonly,
.FormColumns1x5 .FormTextArea, .FormColumns1x5 .FormTextAreaRequired, .FormColumns1x5 .FormTextAreaError, .FormColumns1x5 .FormTextAreaReadonly,
.FormColumns1x5 .FormDropDownList, .FormColumns1x5 .FormDropDownListRequired, .FormColumns1x5 .FormDropDownListError, .FormColumns1x5 .FormDropDownListReadonly,
.FormColumns1x5 .FormFieldMultiLineReadonly
{
    width: 167px;
}
.FormColumns1x5 .FormTextBox[fmt=DateTime], .FormColumns1x5 .FormTextBoxRequired[fmt=DateTime], .FormColumns1x5 .FormTextBoxError[fmt=DateTime], .FormColumns1x5 .FormTextBoxReadonly[fmt=DateTime], .FormColumns1x5 .FormFieldReadonly[fmt=DateTime]
{
    width: 140px !important;
}


/* 2 column 5 */
.FormColumns2x5 
{
    width: 356px;
}
.FormColumns2x5 .FormTextBox, .FormColumns2x5 .FormTextBoxRequired, .FormColumns2x5 .FormTextBoxError, .FormColumns2x5 .FormTextBoxReadonly, .FormColumns2x5 .FormFieldReadonly,
.FormColumns2x5 .FormTextArea, .FormColumns2x5 .FormTextAreaRequired, .FormColumns2x5 .FormTextAreaError, .FormColumns2x5 .FormTextAreaReadonly,
.FormColumns2x5 .FormDropDownList, .FormColumns2x5 .FormDropDownListRequired, .FormColumns2x5 .FormDropDownListError, .FormColumns2x5 .FormDropDownListReadonly,
.FormColumns2x5 .FormFieldMultiLineReadonly
{
    width: 356px;
}

/* 3 column 5 */
.FormColumns3x5
{
    width: 528px;
}
.FormColumns3x5 .FormTextBox, .FormColumns3x5 .FormTextBoxRequired, .FormColumns3x5 .FormTextBoxError, .FormColumns3x5 .FormTextBoxReadonly, .FormColumns3x5 .FormFieldReadonly,
.FormColumns3x5 .FormTextArea, .FormColumns3x5 .FormTextAreaRequired, .FormColumns3x5 .FormTextAreaError, .FormColumns3x5 .FormTextAreaReadonly,
.FormColumns3x5 .FormDropDownList, .FormColumns3x5 .FormDropDownListRequired, .FormColumns3x5 .FormDropDownListError, .FormColumns3x5 .FormDropDownListReadonly,
.FormColumns3x5 .FormFieldMultiLineReadonly
{
    width: 526px;
}

/* 4 column 5 */
.FormColumns4x5 
{
    width: 720px;
}

.FormColumns4x5 .FormTextBox, .FormColumns4x5 .FormTextBoxRequired, .FormColumns4x5 .FormTextBoxError, .FormColumns4x5 .FormTextBoxReadonly, .FormColumns4x5 .FormFieldReadonly,
.FormColumns4x5 .FormTextArea, .FormColumns4x5 .FormTextAreaRequired, .FormColumns4x5 .FormTextAreaError, .FormColumns4x5 .FormTextAreaReadonly,
.FormColumns4x5 .FormDropDownList, .FormColumns4x5 .FormDropDownListRequired, .FormColumns4x5 .FormDropDownListError, .FormColumns4x5 .FormDropDownListReadonly,
.FormColumns4x5 .FormFieldMultiLineReadonly
{
    width: 718px;
}

/* General properties*/
.FormColumns1x5, .FormColumns2x5, .FormColumns3x5, .FormColumns4x5 , 
.FormColumns1x4,.FormColumns2x4,.FormColumns3x4, 
.FormColumns1x6, .FormColumns2x6, .FormColumns3x6, .FormColumns4x6, .FormColumns5x6
{
    height: 45px;
    min-height: 45px;
    margin-right: 20px;
    float: left;
} 

.FormTextSeparators
{
    float: left;
    padding-left:2px;
    padding-right:2px;
    padding-top:4px;
}

.SingleLine
{
    height: 22px; 
    min-height: 22px;
}

.FieldButton
{
    float:left;
}

.DoubleLineControl
{
    height: 70px;
    min-height: 70px;
}

.DoubleLineControl .FormTextBox, .DoubleLineControl .FormTextBoxRequired, .DoubleLineControl .FormTextBoxError,
.DoubleLineControl .FormTextBoxReadonly, .DoubleLineControl .FormFieldReadonly,
.DoubleLineControl .FormFieldMultiLineReadonly
{
    height: 44px; 
    min-height: 44px;
}

.TripleLineControl
{
    height: 90px;
    min-height: 90px;
}

.TripleLineControl .FormTextBox, .TripleLineControl .FormTextBoxRequired, .TripleLineControl .FormTextBoxError,
.TripleLineControl .FormTextBoxReadonly, .TripleLineControl .FormFieldReadonly,
.TripleLineControl .FormFieldMultiLineReadonly
{
    height: 66px; 
    min-height: 66px;
}

.FourLineControl
{
    height: 115px;
    min-height: 115px;
}

.FourLineControl .FormTextBox, .FourLineControl .FormTextBoxRequired, .FourLineControl .FormTextBoxError,
.FourLineControl .FormTextBoxReadonly, .FourLineControl .FormFieldReadonly,
.FourLineControl .FormFieldMultiLineReadonly
{
    height: 88px; 
    min-height: 88px;
}



/** END Context Form Column Configurations **/




/** BEGIN Context Form Field Labels **/

.FormLabelTransition
{
    position: absolute;
    top: -45px;
    right: 225px;
    padding-top: 9px;
}

.FormLabel, .FormLabelTransition
{
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #696969;
    line-height: 22px;
}
a.FormLabel
{
    color: #696969;
    line-height: 22px;
    text-decoration: underline;
}
a.FormLabel:hover
{
    font-weight: bold;
}

.FootnoteLabel
{
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #696969;
    line-height: 30px;
    font-style: italic;
}


.FormFieldNegative
{
    color: red;    
}

.FormFieldPositive
{
    color: green;    
}

/* field text read only */
.FormFieldReadonly, .FormTextReadonly, .FormFieldTransitionReadonly, .FormFieldMultiLineReadonly, .FormTextAreaReadonly
{
    float: left;
    background-color: #F2F2F2 !important;
    font-weight: bold;
    display: inline-block;
    text-indent: 5px; 
    color: #696969;
}

.FormFieldReadonly, .FormTextReadonly, .FormFieldTransitionReadonly
{
    line-height: 18px;
    height: 18px;
}

.FormTextReadonly, .FormFieldTransitionReadonly, .FormFieldMultiLineReadonly, .FormTextAreaReadonly
{
    border: 2px solid transparent;
}   

.FormFieldReadonly
{
    border-bottom: 2px solid transparent;    
}

.FormFieldReadonly.required
{
}

.FormFieldReadonly.error
{
    background-color: #FCC !important;
}

.FormFieldReadonly, .FormTextReadonly, .FormFieldTransitionReadonly
{
    white-space: nowrap;
}


.FormFieldTransition, .FormFieldTransitionReadonly
{
    position: absolute;
    top: 5px;
    right: 40px;
    width: 150px;
}

.FormFieldTransitionReadonly
{
    display: none;
}

/* for auxiliar text between fields */
.FormTextReadonly
{
    background-color: transparent;
}

/** END Context Form Field Labels **/




/** BEGIN Context Form TextBox Fields **/

/* textbox text input */
.FormTextBox, .FormTextBoxRequired, .FormTextBoxError, .FormTextBoxReadonly, input[type=file]
{   
    float: left;
    font: 11px Arial, Verdana, Helvetica, sans-serif;
    color: #696969;
    height: 17px;
    line-height: 17px;
    background: #FFF;
    font-weight: bold;
    text-indent: 5px;
    padding: 0;
    border: 1px solid #CFCFCF;
    /*border: 0;
    border-left: 1px solid #CFCFCF;
    border-top: 1px solid #CFCFCF;
    border-bottom: 1px solid #CFCFCF;*/
}

/* textbox date fields */
input[type=text].DateField, span.DateField {
    width: 70px !important;
}
/* textbox date time fields */
input[type=text].DateTimeField, span.DateTimeField {
    width: 120px !important;
}

/* textarea */
.FormTextArea, .FormTextAreaRequired, .FormTextAreaError, .FormTextAreaReadonly
{
    float: left;
    font: 11px Arial, Verdana, Helvetica, sans-serif;
    color: #696969;
    min-height: 18px;
    background: #FFF;
    font-weight: bold;
    padding: 2px 3px;
    border: 1px solid #CFCFCF;
    white-space: pre-wrap;
    /*border: 0;
    border-left: 1px solid #939aa6;
    border-top: 1px solid #939aa6;
    border-bottom: 1px solid #e1e4e8;*/
}


/** END Context Form TextBox Fields **/




/** BEGIN Context Form DropDownList Fields **/

.FormDropDownList, .FormDropDownListRequired, .FormDropDownListError, .FormDropDownListReadonly
{    
    float: left;
    font: 11px Arial, Verdana, Helvetica, sans-serif;
    color: #696969;
    height: 20px;
    background: #ffffff;
    font-weight: bold;
    line-height: 20px;
    padding: 1px 2px 1px 0px;
    border: 1px solid #CFCFCF;
}

.formDDLOut
{
    padding: 0px;
    overflow: hidden;
    position: relative;
    height: 19px;
    line-height: 19px;
    border-left: 0;
}        
/* div border left */
.formDDLInB, .formDDLInBReadonly
{
    width: 1px !important;
    height: 20px;
    background-color: #939aa6;
    float: left;
    display: inline-block;
}    
.formDDLInBReadonly
{
    background-color: #ffffff;
}

/* div around ".formDDLIn div" */    
.formDDLIn
{
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    border-top: 3px solid #ffffff;
    border-right: 0;
    height: 14px;
    overflow: hidden;
    position: absolute; /*without this, is not working */
    float: left;
    display: inline-block;
    top: 0px;
    left: 1px;
    right: 2px;
    bottom: 0px;
}
/* div to position DDL */       
.formDDLIn div
{
    position: absolute; /*without this, is not working */
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: 0px;
    float: left;
}
/* DDL */
.formDDLIn div select
{
    color: #696969;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    float: left;
    width: 100%;
    position: relative;
}


/* Special Case: only Chrome DDL */
/* div around ".formDDLIn div" */    
.formDDLInC
{
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    border-top: 3px solid #ffffff;
    border-right: 0;
    height: 14px;
    overflow: hidden;
    position: absolute; /*without this, is not working */
    float: left;
    display: inline-block;
    top: 0px;
    left: 1px;
    right: 2px;
    bottom: 0px;
}

/* div to position DDL */       
.formDDLInC div
{
    position: absolute; /*without this, is not working */
    top: 0px;
    left: -3px;
    right: 0px;
    bottom: 0px;
    float: left;
}

/* DDL */
.formDDLInC div select
{
    border: none;
    color: #696969;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    float: left;
    width: 100%;
    position: relative;
    background: #ffffff;
}

.formDDLInC div select:disabled
{
    background: transparent;
}


/** END Context Form DropDownList Fields **/




/** BEGIN Context Form CheckBox Fields **/

.FormCheckBox
{ 
    float: left;
    background-color: transparent;
}

.FormCheckBox span
{
    position: relative !important; 
}

.FormCheckBox label
{
    height: 20px;
    background-color: transparent;
    line-height: 20px;
    padding-right: 5px;
    margin: 0;
    margin-left: 5px;
    float: left;
    font-size: 12px;
}
.FormCheckBox input 
{
    height: 20px;
    background-color: transparent;
    padding: 0 5px;
    margin: 0;
    float: left;
}

/** END Context Form Checkbox Fields **/


/** BEGIN Context Form CheckBoxList Fields **/

.FormCheckBoxList
{ 
    background-color: transparent;
    max-height:100px;
    overflow:auto;
}

.FormCheckBoxList tr
{
    
}

.FormCheckBoxList td
{
    width: 152px;   
    text-align: left;
}

.FormCheckBoxList td span
{
    display:block;
    margin-right: 20px;
    vertical-align:middle;  
    line-height:21px
}

.FormCheckBoxList td input
{          
    vertical-align:middle;  
}

.FormCheckBoxList td label
{
    font-size: 12px;    
    vertical-align:middle;  
}

/** END Context Form CheckboxList Fields **/


/** BEGIN Context Form Field Button Layout **/

.FormIcon20x20
{
    margin-left: 4px;
    cursor: pointer;
    width: 20px;
    float: left;
    display: inline;
}

.GridIcon20x20,
.GridIcon24x24
{
    margin-top: -2px;
    margin-left: 4px;
    cursor: pointer;
    float: left;
    display: inline;
}

.GridIcon20x20
{
    width: 20px;
    height: 20px;
    line-height: 20px;
}

.GridIcon24x24
{
    width: 24px;
    height: 24px;
    line-height: 24px;
}

.GridIcon20x20.glyphicon
{
    font-size: 20px;
}

/** END Context Form Field Button Layout **/


/** BEGIN Context Form Button Layout **/

.FormButton
{
    width: 100px;
    height: 20px;
    margin: 1px 5px 1px 5px; 
    border: 1px solid #f8f8f8;
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
    font-family: Arial, Verdana, Helvetica, sans-serif;/*, Helvetica, Verdana, sans-serif;*/
    font-weight: normal;
    /* SMALL-CAPS */
    font-variant: small-caps; 
    color: #003776;
    cursor: pointer;
}

.FormButtonAttach
{
    background-color: transparent; 
    width: 20px; 
    height: 20px; 
    border: 0;
    margin-left: 2px;
}

/** Form Buttons **/
.FormButton,
.large-button,
.small-button
{
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #003D57;
    border-radius: 4px;    
}

.FormButton,
.large-button
{
    position: relative;
    min-width: 100px;
    width: auto;
    float: left;
    padding: 0 10px;
    line-height: 34px;
}

.FormButton
{
    background: #003D57;
    color: #FFF;
}

.large-button[title]:before
{
    font-size: 18px;
}

.large-button[title]:after
{
    margin-left: 10px;
    content: attr(title);
    font-variant: normal;
    font-family: Arial, Verdana, Sans-Serif !important;
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;
}

.small-button 
{
    width: 50px !important;
    padding: 0;
    font-size: 16px;
}

.glyphicon.primary-button
{
    background: #003D57;
    color: #FFF;
}

.glyphicon.secondary-button,
.glyphicon.secondary-button
{
    background: #EFEFF0;
    color: #003D57;
}

.ContainerHeader .ContainerHeaderContext .glyphicon[title]:before,
.ContainerHeader .ContainerHeaderContext .glyphicon[title]:after,
.ContainerHeader .ContainerHeaderOperations .glyphicon[title]:before,
.ContainerHeader .ContainerHeaderOperations .glyphicon[title]:after
{
    color: #FFF;
}

.ContainerHeader .ContainerHeaderContext .glyphicon[title]:before,
.ContainerHeader .ContainerHeaderOperations .glyphicon[title]:before
{
}

.ContainerHeader .ContainerHeaderContext .glyphicon.secondary-button[title]:after,
.ContainerHeader .ContainerHeaderOperations .glyphicon.secondary-button[title]:after,
.FormBox .glyphicon.secondary-button[title]:after
{
    text-transform: none;
}

.ContainerHeader .ContainerHeaderContext .glyphicon.secondary-button[title]:before,
.ContainerHeader .ContainerHeaderContext .glyphicon.secondary-button[title]:after,
.ContainerHeader .ContainerHeaderOperations .glyphicon.secondary-button[title]:before,
.ContainerHeader .ContainerHeaderOperations .glyphicon.secondary-button[title]:after
{
    color: #003D57;
}

.ContainerHeader .ContainerHeaderContext .glyphicon[title] ~ .glyphicon[title],
.ContainerHeader .ContainerHeaderOperations .glyphicon[title] ~ .glyphicon[title]
{
    margin-left: 5px;
    margin-bottom: 5px;
}

/** END Context Form Button Layout **/


/** BEGIN Context Form Field Attributes **/

/* readonly */ 
.FormTextBoxReadonly, .FormTextAreaReadonly, .FormDropDownListReadonly
{
    border: 0;
}

.FormFieldMultiLineReadonly, .FormTextAreaReadonly {
    height: auto;
    /* needed for IE 11 because textarea inherits property unline IE<11, Chrome, Firefox */
    white-space: pre-wrap;
}

/* required */
.FormTextBoxRequired, .FormTextAreaRequired, .FormDropDownListRequired
{
    background-color: #E6E6E6; /*#D9E2EE;#D5F0DD;*/
}

/* error */
.FormTextBoxError, .FormTextAreaError, .FormDropDownListError
{
    border-bottom: 1px solid #EBCED7;
}

/** END Context Form Field Attributes **/






/* HEADER SEARCH for WHOLE SALE */

.SearchEntity 
{
    position: absolute; width: 280px; right: 6px; top: 5px; z-index: 10000000;
}

.SubMenuForm
{
    float: right;
    vertical-align:middle;
}

.SubMenuForm span
{
    float: left;
    margin-right:4px;
    display: inline;
}

.SubMenuForm .FieldButton
{
    margin-top:4px;
}

.SubMenuForm .FormDropDownList,
.SubMenuForm .FormFieldReadonly
{
    float: left;
    margin-top:5px;
    display: inline;
}

.SubMenuForm .FormFieldReadonly
{
    text-align:left;
}



.LabelCompany
{
    float: right; vertical-align: middle; margin-right: 10px; margin-left: 10px; line-height: 18px;
}

.InfoMessageLabel
{
    text-decoration: underline;
}


.BlockerPannel
{
    position: fixed;    
    width: 100%; 
    height: 100%;    
    top: 0px; 
    left: 0px; 
    text-align: center;

    z-index: 425;    
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -moz-opacity:0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
    background-color: #EEE;
}


/** END Asset Sheet **/


/* Elisspsis use in full text width (ex: "Test Test Te...") */

span, div.ellipsis, h1.ellipsis, h2.ellipsis, h3.ellipsis
{
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important; /* IE 6+, FF 7+, Op 11+, Saf 1.3+, Chr 1+ */
    -o-text-overflow: ellipsis !important; /* for Opera 9 & 10 */
}

/* LongLabel (for BorrowerUnit) */
div.LongLabel {
    height:auto;
    text-align:justify;
}

div.LongLabel .FormLabel {
    white-space: normal !important;
}

/* select input element div */
div.LongLabel + div {
    height:auto;
    position:relative;
}

div.LongLabel + div > * {
    position:absolute;
    bottom:0px;
}

.FileUpload
{
    width: 0px !important; 
    margin-left: -3px; 
    margin-top: 1px; 
    z-index: 0;
    visibility: hidden;
    text-align: left;
}

.BrowseLabel {
    border: 1px solid #CFCFCF;
    padding: 2px 5px;
    background: #DDD;
    display: inline-block;
    cursor: pointer;
}

.BrowseLabel:hover {
    background: #CCC;
}

.FormBoxParameters
{
    padding-left: 0px; 
    padding-right: 0px; 
}

/********************************/
/*********** NEW DESIGN *********/
/********************************/
.ContainerApplications
{
    text-align: center !important;
}

.ContainerContent .FormBoxSearch
{
    margin: 0;
    padding: 20px;
}

.ContainerContent .FormBox
{
    margin: 0;
    padding: 20px;
}

.FormBoxLogin,
.ContainerContent .FormBoxSearch
{
    box-shadow: 0 0 16px #EAEAEB;
}

.FormBoxLogin,
.ContainerContent .FormBoxSearch,
.ContainerContent .FormBox
{
    background-color: #FFF;
    border: 1px solid #DFE2E5;
    border-radius: 4px;
}

.TabNavigation ~ .TabContent > .FormBox
{
    border-top-left-radius: 0;
}

.ContainerContent .FormBox ~ .FormBox,
.ContainerContent .FormBox ~ div[id] > .FormBox
{
    padding-top: 0;
}

.ContainerContent .FormBox ~ div[id] > .FormBox:empty
{
    display: none;
}

.ContainerContent .FormBox.FormBoxComposite
{
}

.ContainerContent .FormBox.FormBoxComposite > .FormBoxCompositeGrid
{
}

.ContainerContent .FormBox.FormBoxComposite > .FormBoxCompositeGrid + .FormBoxCompositeForm
{
    margin-top: 30px;
}

.ContainerContent .FormBox.FormBoxNoTop
{
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.ContainerContent .FormBox.FormBoxNoBottom
{
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.ContainerContent .custom-finprod .FormBox
{
    padding-top: 0;
    padding-bottom: 0;
}

.ContainerContent .custom-equipreg
{
    width: 1098px;
    left: -21px;
}

.ContainerContent .custom-equipreg > div[id]
{
    border-left: 1px solid #DFE2E5;
    border-right: 1px solid #DFE2E5;
}

.ContainerContent .FormBox fieldset,
.ContainerContent .FormBoxSearch fieldset
{
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.ContainerContent .FormBox fieldset ~ fieldset,
.ContainerContent .FormBox fieldset + div[id] > fieldset,
.ContainerContent .FormBoxSearch fieldset ~ fieldset,
.ContainerContent .FormBoxSearch fieldset + div[id] > fieldset
{
    margin-top: 20px !important;
}

.ContainerContent .FormBox fieldset legend,
.ContainerContent .FormBoxSearch fieldset legend
{
    position: relative;
    bottom: -1px;
    height: 28px;
    background: #FFF;
    border: 1px solid #DFE2E5;
    padding: 0px 25px 0px 25px;
    line-height: 28px;
    border-top: 2px solid #003D57;
    color: #003D57;
    font-family: Arial, Verdana, Sans-Serif !important;
    font-weight: normal;
    font-size: 13px !important;
}

.ContainerContent .FormBox fieldset .FieldsetContent,
.ContainerContent .FormBoxSearch fieldset .FieldsetContent
{
    background-color: #FFF;
    border-radius: 4px;
    border-top-left-radius: 0px;
    box-shadow: 0 0 16px #EAEAEB;
    padding: 15px 25px !important;
    margin: 0;
    border: 1px solid #DFE2E5;
}

.FormBox .Container .ContainerHeader .ContainerGridHeaderTitle
{
    border-bottom: 2px solid #003D57;
}

.FormBox .Container .ContainerHeader .ContainerGridHeaderTitle span
{
    color: #003D57;
    font-family: Arial, Verdana, Sans-Serif !important;
    font-weight: bold;
    font-size: 13px !important;
    font-variant: normal;
}

.ContainerContent .TabNavigation
{
    height: 40px;
    border: 0;
    overflow: visible;
    padding: 0;
    margin-top: 20px;
}

/* LOGIN */
.FormBoxLogin
{
    width: 350px;
    padding: 30px;
    margin: 0 auto;
}

.FormBox, 
.FormBoxPassword, 
.FormBoxLogin, 
.FormBoxSearch, 
.FormBoxLegalAction, 
.FormBoxPaymentAgreement, 
.FormBoxLawyer, 
.FormBoxLawOfficeFee, 
.FormBoxWorkflowItem,
.PanelAssetSheetForm,
.PanelAssetEquipmentOptions,
.PanelAssetEquipmentAcessories,
.LoginTitle, 
.LoginLabel, 
.LoginFillIn,
.LoginTextBox, 
.LoginButton,
.LoginRecoverPassword
{
    font-family: Arial, Sans-Serif;
    font-size: 13px !important;
    font-weight: normal !important;
}

.LoginTitle, 
.LoginLabel, 
.LoginFillIn,
.LoginTextBox
{
    color: #003D57 !important;
}

.LoginTitle
{
    line-height: 40px;
    font-size: 19px !important; 
    text-transform: uppercase !important;
}
    
.LoginHeader
{
    font-size: 16px !important; 
    font-weight: normal !important;
    width: auto;
}

.LoginTable
{
    float: left !important;
    width: 100% !important;
}

.LoginTable .LoginColumn
{
    padding: 25px;
}

.LoginTable .LoginColumn .LoginLabel,
.LoginTable .LoginColumn .LoginTextBox
{
    display: inline-block;
    float: left;
}

.LoginTable .LoginColumn .LoginLabel
{
    margin-bottom: 6px;
}

.LoginTable .LoginColumn .LoginBR
{
    display: inline-block !important;
}

.LoginTable .LoginColumn .LoginTextBox
{
    width: 100%;
    padding-left: 5px;
}

.LoginTable .LoginButton
{
    min-width: 100px;
    height: 34px;
    line-height: 34px;
    border: 2px solid #003D57;
    border-radius: 4px;
    padding: 0 10px;
    background: #003D57;
    color: #FFF;
}

.LoginTable .LoginRecoverPassword a,
.LoginTable .LoginRecoverPassword a:link,
.LoginTable .LoginRecoverPassword a:visited
{
    color: #729CAE !important;
    text-decoration: underline !important;
}

/***************************************/

.FormBox > .FormColumns1x6,
.FormBox > div[id] > .FormColumns1x6,
.FormBoxSearch > .FormColumns1x6 
{
    width: 155px !important;
}

.FormBox > .FormColumns2x6,
.FormBox > div[id] > .FormColumns2x6,
.FormBoxSearch > .FormColumns2x6 
{
    width: 330px !important;
}

.FormBox > .FormColumns3x6,
.FormBox > div[id] > .FormColumns3x6,
.FormBoxSearch > .FormColumns3x6
{
    width: 505px !important;
}

.FormBox > .FormColumns4x6,
.FormBox > div[id] > .FormColumns4x6,
.FormBoxSearch > .FormColumns4x6 
{
    width: 680px !important;
}

.FormBox > .FormColumns5x6,
.FormBox > div[id] > .FormColumns5x6,
.FormBoxSearch > .FormColumns5x6
{
    width: 855px !important;
}

.FormBox > .FormColumns6x6,
.FormBox > div[id] > .FormColumns6x6,
.FormBoxSearch > .FormColumns6x6 
{
    width: 1030px !important;
}

.FormBox > .FormColumns1x5
{
    width: 190px !important;
}

.FormBox > .FormColumns2x5 
{
    width: 400px !important;
}

.FormBox > .FormColumns3x5 
{
    width: 610px !important;
}

.FormBox > .FormColumns4x5 
{
    width: 820px !important;
}

.FormBox > .FormColumns5x5
{
    width: 1030px !important;
}

.FormBox > fieldset .FieldsetContent .FormColumns1x6 
{
    width: 140px !important;
}

.FormBox > fieldset .FieldsetContent .FormColumns2x6 
{
    width: 300px !important;
}

.FormBox > fieldset .FieldsetContent .FormColumns3x6 
{
    width: 460px !important;
}

.FormBox > fieldset .FieldsetContent .FormColumns4x6 
{
    width: 620px !important;
}

.FormBox > fieldset .FieldsetContent .FormColumns5x6 
{
    width: 780px !important;
}

.FormBox > fieldset .FieldsetContent .FormColumns6x6 
{
    width: 940px !important;
}

.FormBox > fieldset .FieldsetContent .FormColumns1x5
{
    width: 180px !important;
}

.FormBox > fieldset .FieldsetContent .FormColumns2x5 
{
    width: 380px !important;
}

.FormBox > fieldset .FieldsetContent .FormColumns3x5 
{
    width: 580px !important;
}

.FormBox > fieldset .FieldsetContent .FormColumns4x5 
{
    width: 780px !important;
}

.FormBox > fieldset .FieldsetContent .FormColumns5x5 
{
    width: 980px !important;
}

.FormColumns1x4, .FormColumns2x4, .FormColumns3x4, .FormColumns4x4,
.FormColumns1x5, .FormColumns2x5, .FormColumns3x5, .FormColumns4x5, .FormColumns5x5,
.FormColumns1x6, .FormColumns2x6, .FormColumns3x6, .FormColumns4x6, .FormColumns5x6, .FormColumns6x6
{
    height: 52px;
    margin-right: 20px;
    margin-bottom: 10px;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.FormColumns1x6 .FormTextBox, 
.FormColumns2x6 .FormTextBox, 
.FormColumns3x6 .FormTextBox, 
.FormColumns4x6 .FormTextBox, 
.FormColumns5x6 .FormTextBox, 
.FormColumns6x6 .FormTextBox, 
.FormColumns1x6 .FormTextBoxRequired, 
.FormColumns2x6 .FormTextBoxRequired, 
.FormColumns3x6 .FormTextBoxRequired, 
.FormColumns4x6 .FormTextBoxRequired, 
.FormColumns5x6 .FormTextBoxRequired, 
.FormColumns6x6 .FormTextBoxRequired,
.FormColumns1x6 .FormTextBoxError, 
.FormColumns2x6 .FormTextBoxError, 
.FormColumns3x6 .FormTextBoxError, 
.FormColumns4x6 .FormTextBoxError, 
.FormColumns5x6 .FormTextBoxError, 
.FormColumns6x6 .FormTextBoxError,
.FormColumns1x6 .FormTextBoxReadonly, 
.FormColumns2x6 .FormTextBoxReadonly, 
.FormColumns3x6 .FormTextBoxReadonly, 
.FormColumns4x6 .FormTextBoxReadonly, 
.FormColumns5x6 .FormTextBoxReadonly, 
.FormColumns6x6 .FormTextBoxReadonly, 
.FormColumns1x6 .FormFieldReadonly, 
.FormColumns2x6 .FormFieldReadonly, 
.FormColumns3x6 .FormFieldReadonly, 
.FormColumns4x6 .FormFieldReadonly, 
.FormColumns5x6 .FormFieldReadonly, 
.FormColumns6x6 .FormFieldReadonly, 
.FormColumns1x6 .FormTextArea, 
.FormColumns2x6 .FormTextArea, 
.FormColumns3x6 .FormTextArea, 
.FormColumns4x6 .FormTextArea, 
.FormColumns5x6 .FormTextArea, 
.FormColumns6x6 .FormTextArea, 
.FormColumns1x6 .FormTextAreaRequired, 
.FormColumns2x6 .FormTextAreaRequired, 
.FormColumns3x6 .FormTextAreaRequired, 
.FormColumns4x6 .FormTextAreaRequired, 
.FormColumns5x6 .FormTextAreaRequired, 
.FormColumns6x6 .FormTextAreaRequired, 
.FormColumns1x6 .FormTextAreaError, 
.FormColumns2x6 .FormTextAreaError, 
.FormColumns3x6 .FormTextAreaError, 
.FormColumns4x6 .FormTextAreaError, 
.FormColumns5x6 .FormTextAreaError, 
.FormColumns6x6 .FormTextAreaError, 
.FormColumns1x6 .FormTextAreaReadonly, 
.FormColumns2x6 .FormTextAreaReadonly, 
.FormColumns3x6 .FormTextAreaReadonly, 
.FormColumns4x6 .FormTextAreaReadonly, 
.FormColumns5x6 .FormTextAreaReadonly, 
.FormColumns6x6 .FormTextAreaReadonly, 
.FormColumns1x6 .FormFieldMultiLineReadonly, 
.FormColumns2x6 .FormFieldMultiLineReadonly, 
.FormColumns3x6 .FormFieldMultiLineReadonly, 
.FormColumns4x6 .FormFieldMultiLineReadonly, 
.FormColumns5x6 .FormFieldMultiLineReadonly, 
.FormColumns6x6 .FormFieldMultiLineReadonly, 
.FormColumns1x6 .FormDropDownList, 
.FormColumns2x6 .FormDropDownList, 
.FormColumns3x6 .FormDropDownList, 
.FormColumns4x6 .FormDropDownList, 
.FormColumns5x6 .FormDropDownList, 
.FormColumns6x6 .FormDropDownList, 
.FormColumns1x6 .FormDropDownListRequired, 
.FormColumns2x6 .FormDropDownListRequired, 
.FormColumns3x6 .FormDropDownListRequired, 
.FormColumns4x6 .FormDropDownListRequired, 
.FormColumns5x6 .FormDropDownListRequired, 
.FormColumns1x6 .FormDropDownListError, 
.FormColumns2x6 .FormDropDownListError, 
.FormColumns3x6 .FormDropDownListError, 
.FormColumns4x6 .FormDropDownListError, 
.FormColumns5x6 .FormDropDownListError, 
.FormColumns6x6 .FormDropDownListError,  
.FormColumns1x6 .FormDropDownListReadonly, 
.FormColumns2x6 .FormDropDownListReadonly, 
.FormColumns3x6 .FormDropDownListReadonly, 
.FormColumns4x6 .FormDropDownListReadonly, 
.FormColumns5x6 .FormDropDownListReadonly,
.FormColumns6x6 .FormDropDownListReadonly
{
    width: 100%;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.FormTextBox, 
.FormTextBoxRequired, 
.FormTextBoxError, 
.FormTextBoxReadonly, 
.FormField,
.FormFieldReadonly,
input[type=file],
.LoginTextBox
{
    font-weight: normal;
    font-family: Arial, Verdana, Sans-Serif !important;
    font-size: 12px !important;
    border-radius: 4px;
    height: 30px;
    line-height: 30px;
    color: #003D57;
    border: 1px solid #DFE2E5;
    /*padding-left: 2px;*/
    transition: all .2s linear;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.FormTextArea,
.FormFieldMultiLine,
.FormFieldMultiLineReadonly
{
    font-size: 13px;
    font-weight: normal;
    font-family: Arial, Sans-Serif;
    border-radius: 4px;
    line-height: 20px;
    color: #003D57;
    border: 1px solid #DFE2E5;
    transition: all .2s linear;
    padding: 5px 10px 5px 10px;
    resize: none;
    margin-bottom: 20px;
}

.FormFieldTransition, 
.FormFieldTransitionReadonly
{
    top: auto;
    right: 0;
    z-index: 90;    
}

.FormTextBox:focus,
.FormTextBoxRequired:focus,
.FormTextArea:focus,
.LoginTextBox:focus
{
    border-color: #003d57;
    box-shadow: 0 0 16px #eaeaeb;
    -webkit-box-shadow: 0 0 16px #eaeaeb;
    -moz-box-shadow: 0 0 16px #eaeaeb;
    outline: none;
}

.FormCheckBox + .FormCheckBox {
    padding-left: 20px !important;
}

.FormCheckBox span {
    position: initial !important;
    display: flex;
    flex-direction: row;
    height: 30px;
}

.FormCheckBox span input[type=checkbox],
input[type=radio] {
    opacity: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 20px;
    z-index: 95;
}

.FormCheckBox span input[type=checkbox] ~ label,
input[type=radio] ~ label {
    position: relative;
    left: initial !important;
    margin: 0;
    padding: 0;
    height: 100%;
    line-height: 30px;
}

    .FormCheckBox span input[type=checkbox] ~ label:before,
    input[type=radio] ~ label:before {
        content: '';
        position: absolute;
        top: 6px;
        left: -20px;
        width: 14px;
        height: 14px;
        margin: 0;
        padding: 0;
        background: #F9FAFB;
        border: 1px solid #DFE2E5;
    }

.GridStyle td .FormCheckBox input[type=checkbox] ~ label:before,
.GridStyle td input[type=radio] ~ label:before
{
    top: 2px;
}

.FormCheckBox input[type=checkbox]:disabled ~ label:before
{
    background: #E6E6E6;
}

.FormCheckBox input[type=checkbox] ~ label:before
{
    border-radius: 3px;
}

input[type=radio] ~ label:before
{
    border-radius: 16px;
}

.FormCheckBox input[type=checkbox][checked=checked] ~ label:after,
.FormCheckBox input[type=checkbox]:checked ~ label:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 2px;
    top: 12px;
    /*left: 5px;*/
    left: -16px;
    border: 2px solid #003D57;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
}

.GridStyle td .FormCheckBox input[type=checkbox][checked=checked] ~ label:after,
.GridStyle td .FormCheckBox input[type=checkbox]:checked ~ label:after {
    top: 8px;
}

.GridStyle td .FormCheckBoxC input[type=checkbox][checked=checked] ~ label:after,
.GridStyle td .FormCheckBoxC input[type=checkbox]:checked ~ label:after {
    top: 7px;
}

input[type=radio]:checked ~ label:before
{
    background: #7F8FA4; 
}

.FormCheckBox + span,
.FormCheckBox + .CustomSelectContainer,
.FormCheckBox + .FormTextBox,
.FormCheckBox + .FormField,
.FormCheckBox + .FormTextBoxOneAggregatedIcon
{
    margin-left: 10px;
}

.FormRadioButtonListReadonly
{
    opacity: 0.5;
}

.FormRadioButtonList td
{
    position: relative;
}

.FormRadioButtonList td input[type=radio]
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.FormRadioButtonList input[type=radio] ~ label
{
    margin-top: 5px;
    margin-left: 20px;
    margin-right: 10px;
}

.FormRadioButtonList input[type=radio] ~ label:before
{
    top: 0px;
    left: -20px;
}

.FormRadioButtonList input[type=radio]:checked ~ label:before
{
    background: #003D57;
}

.FormRadioButtonList.FormRadioButtonListError input[type=radio] ~ label:before
{
    background: #C30000;
}

.FormFieldReadonly.error
{
    background-color: #E6E6E6 !important;
}

.FormFieldReadonly, 
.FormTextReadonly, 
.FormFieldTransitionReadonly,
.FormFieldMultiLineReadonly
{
    color: #666;
    background-color: #E6E6E6 !important;
}

.FormFieldHasLookup,
.hasDatepicker,
.FormColumnsOneImageButton .FormTextBox, 
.FormColumnsOneImageButton .FormTextBoxError, 
.FormColumnsOneImageButton .FormTextBoxReadonly, 
.FormColumnsOneImageButton .FormTextBoxRequired, 
.FormColumnsOneImageButton .FormField,
.FormColumnsOneImageButton .FormFieldError,
.FormColumnsOneImageButton .FormFieldReadonly,
.FormColumnsOneImageButton .FormFieldRequired,
.FormColumnsOneImageButton .CustomSelectContainer,
.FormColumnsOneImageButton .FormDropDownList
{
    border-radius: 4px 0 0 4px;
    border-right: 0;
}

.FormTextBoxOneAggregatedIcon
{
    display: block;
    width: 100%
}

.FormCheckBox ~ .FormTextBoxOneAggregatedIcon,
.FormTextBoxOneAggregatedIcon ~ .FormTextBoxOneAggregatedIcon,
.FormDropDownList ~ .FormTextBoxOneAggregatedIcon,
.FormField ~ .FormTextBoxOneAggregatedIcon,
.FormFieldRequired ~ .FormTextBoxOneAggregatedIcon,
.FormFieldReadonly ~ .FormTextBoxOneAggregatedIcon
{
    float: left;
}

.FormFieldHasLookup + .ImageButtonBox,
.FormTextBoxOneAggregatedIcon + .ImageButtonBox,
.FormColumnsOneImageButton > .ImageButtonBox,
.hasDatepicker + .ImageButtonBox,
.DateField + .ImageButtonBox,
span.FormField ~ .Icon20x20,
span.FormFieldReadonly ~ .Icon20x20
{
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F9FAFB;
    border-radius: 0 4px 4px 0;
    float: left;
    border: 1px solid #DFE2E5;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.FormCheckBox + .ImageButtonBox
{
    background: transparent;
    border: 0;
    height: 30px;
}

.FormColumnsTextArea
{
    height: auto;
}

.FormColumnsLiteral {
    height: auto !important;
}

    .FormColumnsLiteral .FormFieldMultiLineReadonly {
        line-height: 100%;
        white-space: normal;
    }

    .FormColumnsLiteral .FormFieldMultiLineReadonly span {
        white-space: normal !important;
    }

        .FormColumnsLiteral .FormFieldMultiLineReadonly table {
            border-collapse: collapse;
            border-spacing: 2px;
            width: 100%;
        }

        .FormColumnsLiteral .FormFieldMultiLineReadonly td {
            padding: 5px 3px;
            border: 1px solid #666;
        }

.FormFieldHasLookup + .FormTextSeparators
{
    margin-left: 40px;
}

.FormColumnFinProdButtons > .Icon20x20.glyphicon
{
    float: left;
}

.FormColumnFinProdButtons > .Icon20x20.glyphicon ~ .Icon20x20.glyphicon
{
    margin-left: 10px;
}

.ImageButtonBox.glyphicon,
.FormColumnFileUpload .FileUploadLabel
{
    position: relative;
    font-size: 20px;
    color: #7F8FA4;
}

.glyphicon > input[type=image],
.glyphicon > img
{
    position: absolute !important;
    opacity: 0 !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 95 !important;
}

.grid-button
{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.Icon20x20.grid-button
{
    font-size: 20px;
}

span.FormField ~ .Icon20x20,
span.FormFieldReadonly ~ .Icon20x20
{
    padding: 0;
}

.FormTextBox:focus ~ ImageButtonBox.glyphicon,
.FormTextBoxRequired:focus ~ ImageButtonBox.glyphicon,
.FormTextBox.hasDatepicker:focus + .ImageButtonBox.glyphicon,
.FormTextBoxRequired.hasDatepicker:focus + .ImageButtonBox.glyphicon  
{
    border-left-color: #003D57;
}

.FormTextBox:focus,
.FormTextBoxRequired:focus
{
    border-right: 1px solid #003D57;
}

.FormTextBox.hasDatepicker:focus,
.FormTextBoxRequired.hasDatepicker:focus 
{
    border-right: 0;
}

.FormTextBoxError.hasDatepicker + .ImageButtonBox.glyphicon,
.FormFieldReadonly.error + .ImageButtonBox.glyphicon,
.FormFieldError + .ImageButtonBox.glyphicon
{
    border-left-color: #C30000;
}

.FormLabelTransition,
.FormLabel,
.FormDropDownList,
.FormDropDownListRequired,
.FormDropDownListError,
.FormDropDownListReadonly
{
    font-family: Arial, Verdana, Sans-Serif !important;
    font-size: 13px;
    font-weight: normal;
}

.FormLabelTransition,
.FormLabel
{
    color: #003D57;
    margin-bottom: 6px;
}

.FormTextSeparators 
{
    width: 20px;
    height: 30px;
    float: left;
    padding: 0;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
}

.FormDropDownList, 
.FormDropDownListRequired, 
.FormDropDownListError, 
.FormDropDownListReadonly,
.FormFieldTransition, 
.FormFieldTransitionReadonly
{
    height: 30px;
    border-radius: 4px;
    color: #003D57;
    padding-left: 2px;
    font-size: 12px !important;
}

.FormFieldTransition, 
.FormFieldTransitionReadonly
{
    top: -5px !important;
    right: 70px !important;
}

.Transitate24x24
{
    position: absolute;
    top: -5px;
    right: 0px;
    height: 34px;
    width: 34px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.Transitate24x24Inactive.glyphicon,
.GridIcon20x20Inactive.glyphicon,
.Icon20x20Inactive.glyphicon
{
    opacity: 0.6;
}

.CustomSelectContainer,
.CustomSelectContainer .CustomSelectedOption
{
    height: 30px !important;
    line-height: 30px !important;
}

.CustomSelectContainer
{
    border-radius: 4px;
    background: #FFF !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.CustomSelectContainer .CustomSelectedOption
{
    background: transparent !important;
    border-radius: 4px;
    border: 0;
}

.CustomSelectContainer.FormFieldTransition,
.CustomSelectContainer.FormFieldTransition .CustomSelectedOption,
.ContainerContentTransition .FormFieldTransitionReadonly
{
    height: 38px !important;
    line-height: 38px !important;
}

.CustomSelectContainer:focus,
.CustomSelectContainer .CustomSelectedOption:focus
{
    outline: none;
}

.CustomSelectContainer[required="True"] .CustomSelectedOption, 
.CustomSelectContainer[required="true"] .CustomSelectedOption
{
    
}

.CustomSelectContainer ul.CustomSelect
{
    margin-top: 36px;
    background: #FFF;
    border-color: #DFE2E5;
    border-bottom: 0;
    border-radius: 0 0 4px 4px;
}

.CustomSelectContainer ul.CustomSelect li.CustomOption
{
    height: 36px;
    line-height: 36px;
    background: #FFF;
    border-bottom: 1px solid #DFE2E5;
}

.CustomSelectContainer ul.CustomSelect li.CustomOption[selected="True"],
.CustomSelectContainer ul.CustomSelect li.CustomOption:hover
{
    background: #F9FAFB;
}

.CustomSelectContainer ul.CustomSelect li:focus
{
    outline: none;
}

.clearSeparator 
{
    margin-bottom: 10px;
}

.clearSeparator hr
{
    background: #003D57;
}

.clearSeparator > div 
{
    color: #003d57;
    font-size: 13px;
    font-weight: normal;
    font-family: Arial, sans-serif;
}

.clearSeparator > div > hr 
{
    margin-top: 5px;
}

.FormColumnFileUpload
{
}

.FormColumnFileUpload .FileUploadLabel
{
    height: 28px;
    width: 28px;
    background-color: #F9FAFB;
    border-radius: 0 4px 4px 0;
    border: 1px solid #DFE2E5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.FormColumnFileUpload input[value] ~ .FileUploadLabel
{
    border-radius: 0;
}

    .FormColumnFileUpload .FileUploadLabel:before {
        content: "\ea2c";
    }

.FormColumnFileUpload .Icon20x20
{
    padding: 0;
    border-left: 0px;
}

.FormColumnFileUpload .BrowseLabel,
.FormColumnFileUpload .Icon20x20Inactive
{
    display: none;
}

.FormTextBoxRequired,
.FormTextBoxError[validcssclass="FormTextBoxRequired"],
.CustomSelectContainer[required="True"],
.CustomSelectContainer[required="true"]
{
    border-bottom: 2px solid #003D57;
}

.FormFieldRequiredLater {
    border-bottom: 2px solid #15cb17 !important;
}

    .FormFieldRequiredLater.focused, .FormFieldRequiredLater:focus {
        border-right: 1px solid #15cb17 !important;
        border-color: #15cb17 !important;
    }

.FormTextBoxRequired
{
    background-color: #FFF;
}


/* Fields Certified */
.FormFieldCertified {
    background-color: #cae9fa !Important;
}

    .FormFieldCertified.FormFieldReadonly {
        background-color: #a9c2d6 !Important;
    }


.FormTextBoxError[validcssclass="FormTextBoxRequired"],
.FormTextBoxError[validcssclass="FormTextBoxRequired DateField"]
{
    border-bottom: 2px solid #C30000;
}

.FormTextBoxError.FormFieldHasLookup
{
    border-right: 1px solid #C30000;
}

/* textbox date fields */
input[type=text].DateField, span.DateField {
    width: 80px !important;
}
/* textbox date time fields */
input[type=text].DateTimeField, span.DateTimeField {
    width: 130px !important;
}

.FormTextBoxError,
.error,
.CustomSelectContainer.invalid 
{
    border-color: #C30000;
    box-shadow: 1px 0px 5px rgba(153,0,0,0.3);
    -webkit-box-shadow: 1px 0px 5px rgba(153,0,0,0.3);
    -moz-box-shadow: 1px 0px 5px rgba(153,0,0,0.3);
}

.CustomSelectContainer.invalid 
{
    background-color: #F9FAFB;
}

.primary-button.required,
.secondary-button.required
{
    border-color: #C30000;
}

.primary-button.required
{
    background-color: #C30000;
}

.GridStyle td .FormTextBox, 
.GridStyle td .FormTextBoxRequired, 
.GridStyle td .FormTextBoxError, 
.GridStyle td .FormTextBoxReadonly, 
.GridStyle td .FormField,
.GridStyle td .FormFieldRequired,
.GridStyle td .FormFieldReadonly,
.GridStyle td .CustomSelectContainer,
.GridStyle td .CustomSelectContainer .CustomSelectedOption
{
    height: 30px !important;
    line-height: 30px !important;
}

.GridStyle td .FormTextBoxRequired, 
.GridStyle td .FormFieldRequired,
.GridStyle td .CustomSelectContainer[required="True"],
.GridStyle td .CustomSelectContainer[required="true"]
{
    height: 29px !important;
}

.GridStyle td .FormButton
{
    height: 26px !important;
    line-height: 26px !important;
}

.FormTextBoxOneAggregatedIcon,
.FormFieldReadonly.error,
.CustomSelectContainer.invalid .CustomSelectedOption
{
    position: relative;
}

.FormTextBoxOneAggregatedIcon > .FormTextBoxError ~ span.glyphicon,
.CustomSelectValidationIcon,
.FormFieldReadonly.error:before
{
    position: absolute;
    color: #C30000;
    font-size: 18px;
}

.FormTextBoxOneAggregatedIcon > .FormTextBoxError + span.glyphicon,
.FormTextBoxOneAggregatedIcon > .FormTextBoxError + .ImageButtonBox + span.glyphicon
{
    top: 6px;
}

.FormTextBoxOneAggregatedIcon > .FormTextBoxError + span.glyphicon
{
    float: right;
    right: 10px;
}

.FormTextBoxOneAggregatedIcon > .FormTextBoxError + .ImageButtonBox + span.glyphicon
{
    right: 70px;
}

.FormTextBoxOneAggregatedIcon > .DateField + .ImageButtonBox + span.glyphicon 
{
    right: 80px;
}

.GridStyle tr.EditRowStyle td .FormTextBoxOneAggregatedIcon > .DateField + .ImageButtonBox + span.glyphicon
{
    right: auto;
    left: 55px;
}

.FormTextBoxOnAggregatedIcon > .FormTextBoxRequired + span.glyphicon
{
    display: none;
}

.CustomSelectValidationIcon
{
    position: absolute;
    top: 5px;
    right: 18px;
}

.GridStyle td .CustomSelectValidationIcon
{
    top: 5px;
}

.FormFieldReadonly.error:before
{
    right: 8px;
    line-height: 28px;
}

.GridStyle td .FormTextBoxOneAggregatedIcon > .FormTextBoxError + span.glyphicon
{
    top: 7px;
}

.glyphicon,
.CustomSelectIcon,
.FileUploadLabel,
.DialogImageContent,
.ValidationMessageIcon
{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'Glyphicons Basic' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.FormField.glyphicon,
.FormFieldReadonly.glyphicon
{
    line-height: 38px;
}

.Contacts:hover:before,
.ContainerHeaderOperations
.large-button:hover:before,
.small-button:hover:before,
.ContainerHeaderContext .large-button:hover:before,
.ContainerContentTransition .Transitate24x24:hover:before,
.Icon20x20:hover:before,
.Icon24x24:hover:before,
.ImageButtonBox:hover:before,
.PagerFirstStyle:hover:before,
.PagerPreviousStyle:hover:before,
.PagerNextStyle:hover:before,
.PagerLastStyle:hover:before,
.GridIcon20x20:hover:before,
.FileUploadLabel:hover:before
{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.Transitate24x24Inactive:hover:before
{
    -webkit-transform: scale(1);
    transform: scale(1);
}

/** BEGIN FormSlider **/
.FormSlider.ui-slider
{
    height: 15px;
    position: relative;
    text-align: left;
    border-radius: 10px !important;
}

.FormSlider.FormSliderReadonly.ui-slider
{
    opacity: 0.5;
}

.FormSlider.ui-widget-content
{
    border: 1px solid #DDD;
    background: #FFF;
    color: #333;
    margin-top: 5px;
    margin-left: 15px;
    margin-right: 15px;
}

.FormSlider input[type=text],
.FormSlider select
{
    display: none;
}

.FormSlider.ui-slider .ui-slider-range
{
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
    background: #003D57;
    color: #333;
    font-weight: bold;
    border-radius: 10px 0px 0px 10px !important;
    padding-right: 5px;
}

.FormSlider.FormSliderError.ui-slider .ui-slider-range
{
    background-color: #C30000;
}

.FormSlider.ui-slider .ui-slider-range-min
{
    left: 0;
}

.FormSlider.ui-slider .ui-slider-handle
{
    position: absolute;
    z-index: 2;
    top: -6px;
    background: #FFF;
    width: 25px;
    height: 25px;
    border-radius: 20px !important;
    box-shadow: 0px 0px 1px #ccc;
    cursor: pointer;
    -ms-touch-action: none;
    touch-action: none;
    margin-left: -15px;
}

.FormSlider.ui-slider .ui-slider-handle:before
{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #003D57;
    left: 7px;
    top: 8px;
    border-radius: 5px;
}

.FormSlider.FormSliderError.ui-slider .ui-slider-handle:before
{
    background-color: #C30000;
}

.FormSlider.ui-slider .ui-slider-handle:focus
{
    outline: 0;
}

.FormSlider.ui-slider label
{
    position: absolute;
    width: 20px;
    margin-top: 25px;
    margin-left: -12px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: #BBB;
}

/** END FormSlider **/


/*******************/
/* TRACE INFO PAGE */
/*******************/
.traceInfoPage
{
}

.traceInfoTitle
{
    margin-top: 10px;
    margin-bottom: 30px;
}

.traceInfoTitle span
{
    color: #003D57;
    text-transform: uppercase;
    font-size: 20px;
}

.traceInfoPage .stubsInvocationTraceGridButtons,
.traceInfoPage .stubsCreationTraceGridButtons,
.traceInfoPage .webSessionsTraceButtons,
.traceInfoPage .webSessionsTraceGridButton,
.traceInfoPage .userSessionsTraceButtons,
.traceInfoPage .logFilesInfoButtons,
.traceInfoPage .logFilesInfoGridButton
{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'Glyphicons Basic' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.traceInfoPage .traceInfoHeader
{
    width: auto !important;
}

.traceInfoPage .traceInfoHeader .FormCheckBox input[type=checkbox] ~ label:before,
.traceInfoPage .traceInfoHeader input[type=radio] ~ label:before
{
    top: 5px;
}

    .traceInfoPage .traceInfoHeader .FormCheckBox input[type=checkbox][checked=checked] ~ label:after,
    .traceInfoPage .traceInfoHeader .FormCheckBox input[type=checkbox]:checked ~ label:after {
        top: 11px;
        left: 4px;
    }

.traceInfoPage .traceInfoHeader .CustomSelectContainer,
.traceInfoPage .traceInfoHeader .CustomSelectContainer .CustomSelectedOptionText
{
    height: 30px !important;
    line-height: 30px !important;
}

.traceInfoPage .traceInfoHeader .small-button
{
    height: 30px;
    margin-top: 2px;
    font-size: 20px;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.traceInfoPage .traceInfoContent
{
    background: transparent !important;
    margin-top: 30px;
}

.traceInfoPage .traceInfoContent .TabContent
{
    border: 1px solid #DFE2E5;
    box-shadow: 0 0 16px #EAEAEB;
    border-radius: 0px 4px 4px 4px;
    background: #FFF;
    padding: 20px;
}

.traceInfoPage .stubsTrace
{
    background: #FFF;
}

.traceInfoPage .stubsInvocationTraceGrid .stubsInvocationTraceGridButtons,
.traceInfoPage .stubsCreationTraceGrid .stubsCreationTraceGridButtons,
.traceInfoPage .webSessionsTrace .webSessionsTraceButtons,
.traceInfoPage .userSessionsTrace .userSessionsTraceButtons,
.traceInfoPage .logFilesInfo .logFilesInfoButtons
{
    color: #003D57;
    font-size: 20px;
    display: inline-flex;
    margin-top: 25px;
}

.traceInfoPage .webSessionsTrace .webSessionsTraceButtons,
.traceInfoPage .userSessionsTrace .userSessionsTraceButtons,
.traceInfoPage .logFilesInfo .logFilesInfoButtons
{
    margin-bottom: 25px;
}

.traceInfoPage .stubsInvocationTraceGrid .stubsInvocationTraceGridButtons > div,
.traceInfoPage .stubsCreationTraceGrid .stubsCreationTraceGridButtons > div,
.traceInfoPage .webSessionsTrace .webSessionsTraceButtons > div,
.traceInfoPage .webSessionsTrace .webSessionsTraceGridButton,
.traceInfoPage .userSessionsTrace .userSessionsTraceButtons > div,
.traceInfoPage .logFilesInfo .logFilesInfoButtons > div,
.traceInfoPage .logFilesInfo .logFilesInfoGridButton
{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.traceInfoPage .stubsInvocationTraceGrid .stubsInvocationTraceGridButtons > div,
.traceInfoPage .stubsCreationTraceGrid .stubsCreationTraceGridButtons > div,
.traceInfoPage .webSessionsTrace .webSessionsTraceButtons > div,
.traceInfoPage .userSessionsTrace .userSessionsTraceButtons > div,
.traceInfoPage .logFilesInfo .logFilesInfoButtons > div
{
    height: 30px;
    width: 50px;
    border: 2px solid #003D57;
    border-radius: 4px;
    background: #003D57;
    color: #FFF;
    margin: 0 5px;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.traceInfoPage .stubsInvocationTraceGrid .stubsInvocationTraceGridButtons > div > input,
.traceInfoPage .stubsCreationTraceGrid .stubsCreationTraceGridButtons > div > input,
.traceInfoPage .webSessionsTrace .webSessionsTraceButtons > div > input,
.traceInfoPage .webSessionsTrace .webSessionsTraceGridButton input,
.traceInfoPage .userSessionsTrace .userSessionsTraceButtons > div > input,
.traceInfoPage .logFilesInfo .logFilesInfoButtons > div > input,
.traceInfoPage .logFilesInfo .logFilesInfoGridButton input
{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
}

.traceInfoPage .stubsInvocationTraceGrid .stubsInvocationTraceGridButtons,
.traceInfoPage .stubsCreationTraceGrid .stubsCreationTraceGridButtons
{
    overflow: hidden;
}

.traceInfoPage .refreshButton:before
{
    content: "\e951";
}

.traceInfoPage .clearButton:before
{
    content: "\e9f5";
}

.traceInfoPage .stubsInvocationTraceGrid .stubsInvocationTraceGridButtons .exportButton:before
{
    content: "\ea8f";
}

.traceInfoPage .webSessionsTraceGridButton,
.traceInfoPage .logFilesInfoGridButton
{
    font-size: 20px;
}

.traceInfoPage .infoGridButton:before
{
    content: "\ea27";
}

.traceInfoPage .deleteGridButton:before
{
    content: "\ea24";
}

.traceInfoPage .webSessionsTrace .FormCheckBox input[type=checkbox]
{
    opacity: 1;
}

.traceInfoPage .webSessionsTrace .GridStyle .HeaderStyle .GridHiddenColumn ~ th,
.traceInfoPage .logFilesInfo .GridStyle .HeaderStyle th:nth-last-child(2),
.traceInfoPage .logFilesInfo .GridStyle .HeaderStyle th:last-child
{
    width: 40px;
}


/***********************************/
/* PAGE EXPIRED ERROR / SESSION EXPIRED ERROR / ERROR PAGE */
/***********************************/
table.pageErrorContainer,
table.pageErrorContainer table
{
    table-layout: fixed;
}

.SessionExpirationContainer,
.SessionExpirationContainer .SessionExpirationContainerContent,
.SessionExpirationContainer .SessionExpirationContainerContentButtons,
.pageErrorContainer,
.pageErrorContainer .pageErrorContainerImage,
.pageErrorContainer .pageErrorContainerContent,
.pageErrorContainer .pageErrorContainerView,
.pageErrorContainer .pageErrorContainerButtons
{
    margin-top: 30px;
}

.SessionExpirationContainer .SessionExpirationContainerTitle:after,
.pageErrorContainer .pageErrorContainerImage .DialogImageContent
{
    font-family: 'Glyphicons Basic' !important;
    width: 100px;
    height: 100px;
    font-size: 100px;
}

.pageErrorContainer .pageErrorContainerImage .DialogImageContent
{
    background: none;
}

.SessionExpirationContainer .SessionExpirationContainerTitle:after
{
    content: "\ea28";
    color: #DBA200;
}

.SessionExpirationContainer .SessionExpirationContainerTitle span,
.SessionExpirationContainer .SessionExpirationContainerContent span,
.pageErrorContainer .pageErrorContainerTitle span,
.pageErrorContainer .pageErrorContainerContent span
{
    font-style: normal !important;
    font-variant: normal !important;
}

.SessionExpirationContainer .SessionExpirationContainerTitle span,
.pageErrorContainer .pageErrorContainerTitle span
{
    display: block;
    margin-bottom: 15px;
    font-family: Arial Narrow, Helvetica, sans-serif !important;
    color: #003D57 !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    font-size: 20px !important;
}

.SessionExpirationContainer .SessionExpirationContainerContent span,
.SessionExpirationContainer .SessionExpirationContainerButtons a,
.pageErrorContainer .pageErrorContainerContent span,
.pageErrorContainer .pageErrorContainerButtons a
{
    font-family: Arial, Verdana, sans-serif !important;
    font-weight: normal !important;
    font-size: 13px !important;
}

.SessionExpirationContainer .SessionExpirationContainerButtons,
.pageErrorContainer .pageErrorContainerButtons
{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}

.pageErrorContainer .pageErrorContainerButtons
{
    height: auto !important;
}

.SessionExpirationContainer .SessionExpirationContainerButtons a,
.pageErrorContainer .pageErrorContainerButtons a
{
    height: 34px;
    min-width: 100px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #003D57;
    color: #FFF;
    border: 2px solid #003D57;
    border-radius: 4px; 
}

.SessionExpirationContainer .SessionExpirationContainerButtons a:hover,
.pageErrorContainer .pageErrorContainerButtons a:hover
{
    text-decoration: none;
}

.pageErrorContainer .pageErrorContainerViewButtons
{
    display: flex;
    align-items: center;
    justify-content: center;
}

.pageErrorContainer .pageErrorContainerViewButtons .FormButton
{
    font-variant: normal;
}

.pageErrorContainer .pageErrorContainerViewMessages .pageErrorContainerViewBackendErrorMessage,
.pageErrorContainer .pageErrorContainerViewMessages .pageErrorContainerViewBackendTitle,
.pageErrorContainer .pageErrorContainerViewMessages .pageErrorContainerViewFrontendTitle,
.pageErrorContainer .pageErrorContainerViewMessages .FormTextBox
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 13px;
    font-weight: normal;
    color: #003D57;
}

.pageErrorContainer .pageErrorContainerViewMessages .pageErrorContainerViewBackendErrorMessage
{
    padding-top: 30px;
}

.pageErrorContainer .pageErrorContainerViewMessages .pageErrorContainerViewBackendErrorMessage span
{
    white-space: normal !important;
    overflow: auto !important;
}

.pageErrorContainer .pageErrorContainerViewMessages .pageErrorContainerViewBackendTitle,
.pageErrorContainer .pageErrorContainerViewMessages .pageErrorContainerViewFrontendTitle
{
    padding-top: 30px;
    padding-bottom: 10px;
}

.pageErrorContainer .pageErrorContainerView .FormTextBox
{
    width: 100% !important;
    height: 200px !important;
    border-radius: 4px;
    line-height: 20px;
    border: 1px solid #DFE2E5;
    transition: all .2s linear;
    padding: 5px 10px 5px 10px;
    resize: none;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.PasswordRuleValid {
    color: green !important;
}

.PasswordRuleInValid {
    color: #adadad !important;
}