/* PBI #34209 */
.ieMessage
{
 display : none ;
}

body.IE7DOWN:not(.IE11) #ieError {
    display: block;
    text-align: center;
    position: absolute;
    width: 100%;
    top: 10px;
    color: #FF5F00;
}
/* END PBI #34209 */

/* INITIALLY HIDE MAIN CONTENT */
#cecMainPageContainer {height:100%}
/* END INITIALLY HIDE MAIN CONTENT */

/* HOVERING ON ANCHORS IN THE SYSTEM */
a:hover{cursor:pointer;}
/* END HOVERING ON ANCHORS IN THE SYSTEM */

/* ADDITION OF THE PROFILES & TABLES TABS - EXTEND MAX-WIDTH FROM 37.5em */
@media screen and (max-width: 47.5em)
{
  .tabs a
  {
    float: none;
    text-align: center;
    padding: 8px 0 10px;
    margin: 0 0 4px 0;
    border: solid 1px #ccc;
    border-radius: 4px;
  }
}
/* END ADDITION OF THE PROFILE TAB - EXTEND MAX-WIDTH FROM 37.5em */

/* TFS BUG 31125 - Only supported in CSS3 onwards */
body.NOTCSS3 .CSS3ONWARDS
{
    display: none;
}

/* TFS BUG 7761 */
.fixed nav#nav-main a.active::after
{
    top: 26px;
}
/* END TFS BUG 7761 */

/* FILE UPLOAD STYLES */
#cecMFU_FileUploadFrame {display:none; width:1px; height:1; z-index:-1;}

/* END FILE UPLOAD STYLES */
 
/* ITEM SHARING MODAL DIV STYLES */
tr.draggable td div.ui-state-default { cursor: move; }
span.ui-icon-grip-dotted-vertical { cursor: pointer;}
.ghost { background-color: Gray; opacity: 0.5; }
ul.ui-autocomplete  { width:inherit; z-index: 10000; float : left; clear : both;  position : relative; list-style : none; text-align : left; overflow-y : scroll; max-height : 100px; margin : 0px; padding : 0px;}
/* END ITEM SHARING MODAL DIV STYLES */

/* PAGE BUSY STYLES */
div.cecModalBackground {background:#000; position:fixed; top:0; left:0; width:100%; height:100%; z-index:10000000; opacity:0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
/* END PAGE BUSY STYLES */

/* TOP MENU ACTION STYLES */
div.cecTopMenuAction {display:none; }
/* END TOP MENU ACTION STYLES */

/* MODAL DIALOG CLOSE BUTTON */
#cboxClose
{
  right : 18px ;  /* original 15px causes overlap when the cbox has a vertical scrollbar */
}
/* END MODAL DIALOG CLOSE BUTTON */

/* TFS BUG 7802 */
body.PUBLIC .content-header-container {
    top: 60px;
}
body.PUBLIC .content-header-container.fixed {
    top: 53px;
}

/* LOGO STYLES */
header img {
    width: 210px;
    max-height: 39px;
}
header.fixed img {
    width: 150px;
    max-height: 29px;
}
@media screen and (max-width: 25em) {
    header.fixed img {
        width: 100px;
        max-height: 19px;
        /*
            PHIL:
            on a CEC page, the a.logo element that contains the image has some top/bottom padding
            on the public page, there is no a.logo element containing the image
            the following is to compensate, otherwise the tiny image is shifted upwards from its normal position
            n.b. I don't understand why this css rule does not apply to a CEC page on a very narrow screen!!!
        */
        padding-top: 7px;
    }
}
/* END LOGO STYLES */

/* IMPORT VALIDATION STYLES FROM site.css */
/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

.validation-summary-errors ul {
  list-style: none;
  margin: 0 0 8px 0;
  padding-left: 0;
}
/* END IMPORT VALIDATION STYLES FROM site.css */

/* TRUNCATE LONG USERNAMES - AN EXTENSION/FIX to FTS styles.css */
nav#nav-utility a.nav-username {
    max-width : 110px ;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 1.385em;
}
/* END TRUNCATE LONG USERNAMES - AN EXTENSION/FIX to FTS styles.css */

/* READ-ONLY INPUT */
input:read-only
{
  color                      : #888888 ;
}

input[readonly]
{
  color                      : #888888 ;
}

input[readonly="readonly"]
{
  color                      : #888888 ;
}

textarea:read-only
{
  color                      : #888888 ;
}

textarea[readonly]
{
  color                      : #888888 ;
}

textarea[readonly="readonly"]
{
  color                      : #888888 ;
}
/* END READ-ONLY INPUT */

/* DATASHEET EDITOR */

/* Text */

.DatasheetEditorText {
  font-size: 80%;
}

.DatasheetEditorTextMulti {
  font-size: 80%;
  min-height: 100px;
}

/* Numeric */

.DatasheetEditorInteger {
  font-size: 80%;
}

.DatasheetEditorFloat {
  font-size: 80%;
}

/* Date/Time */

.DatasheetEditorDate {
  font-size: 80%;
}

.DatasheetEditorTime {
  font-size: 80%;
}

/* Boolean */

.DatasheetEditorBoolean {
  white-space:normal;
}

.DatasheetEditorBoolean input[type="radio"] {
  width: auto;
}

.DatasheetEditorBoolean label {
  font-size: 80%;
  margin-left: 4px;
  vertical-align: top;
}

/* Searchable List */

.DatasheetEditorSearch,
.DatasheetEditorSearchNonEmpty,
.DatasheetEditorSearchEmpty {
  font-size: 80%;
}

.DatasheetEditorSearchOption,
.DatasheetEditorSearchOptionMouseOver,
.DatasheetEditorSearchOptionMouseDown {
  margin: 2px;
  border-width: 1px;
  border-radius: 4px;
  border-style: solid;
  padding: 2px 8px 2px 8px;
  overflow-x: hidden;
  overflow-y: hidden;
  display: block;
  z-index: 10;
}

.DatasheetEditorSearch {
  color: #000000;
  background-color: #FFFFFF;
  border-color: #808080;
}

.DatasheetEditorSearchNonEmpty {
  color: #000000;
  background-color: #FFFFFF;
  border-color: #808080;
}

.DatasheetEditorSearchEmpty {
  color: #B94A48;
  background-color: #F2DEDE;
  border-color: #EBCCD1;
}

.DatasheetEditorSearchOption {
  color: #000000;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}

.DatasheetEditorSearchOptionMouseOver {
  color: #000000;
  background-color: #E4E4E4;
  border-color: #B0B0B0;
  box-shadow: inset 0px 0px 6px 2px #B0B0B0;
}

.DatasheetEditorSearchOptionMouseDown {
  color: #000000;
  background-color: #E4E4E4;
  border-color: #B0B0B0;
  box-shadow: inset 0px 0px 6px 2px #B0B0B0;
}

/* Select List */

.DatasheetEditorSelect {
  white-space:normal;
  margin-bottom: 4px;
}

.DatasheetEditorSelect select {
  font-size: 80%;
  width: 100%;
}

.DatasheetEditorSelect select[multiple] {
  min-height: 60px;
}

.DatasheetEditorSelect select option {
}

.DatasheetEditorSelect input[type="checkbox"] {
  width: auto;
}

.DatasheetEditorSelect label {
  font-size: 80%;
  margin-left: 4px;
  vertical-align: top;
}

.DatasheetEditorSelect input[type="text"] {
  font-size: 80%;
  margin-top: 4px;
}

.DatasheetEditorSelect textarea {
  font-size: 80%;
  margin-top: 4px;
  height: 60px;
}

/* Disabled text value or input element */

.DatasheetEditorDisabledGhosted {
  color: #C0C0C0;
}

.DatasheetEditorDisabledHidden {
  visibility:hidden;
}

/* Selected element */

.DatasheetEditorSelected {
  border: 4px solid #D9EDF7;
  white-space: normal;
}

/* Buttons for a dirtied contract */

input[type="button"].DatasheetEditorDirty {
  border-width: 2px;
}

/* END DATASHEET EDITOR */

/* PROFILE EDITOR */
div.right-not-last
{
  margin-right               : 24px ;
}

@media screen and (max-width: 37.5em)
{
div.right-heading-2
{
  margin-right               : 0px ;
  margin-bottom              : 0px ;
}
}

div.ProfileGroupRow
{
  margin                     : 60px 0px 0px 0px
}

div.ProfileParameterRow
{
  margin                     : 8px 0px 0px 8px ;
}

div.ProfileVariableRow
{
  margin                     : 8px 0px 0px 8px ;
}

div.ProfileVariableAdd
{
  margin                     : 24px 0px 0px 0px ;
}

div.ProfileVariableRemove
{
  margin                     : 0px 0px 0px 8px ;
}

div.ProfileSummariseRow
{
  margin                     : 8px 8px 0px 8px ;
}

div.ProfileSummariseName
{
  margin                     : 0 ;
  border                     : 0 ;
  padding                    : 0 ;
  width                      : 40% ;
  min-width                  : 300px ;
  display                    : inline-block ;
  vertical-align             : top ;
}

div.ProfileSummariseValue
{
  margin                     : 0 ;
  border                     : 0 ;
  padding                    : 0 ;
  display                    : inline-block ;
  vertical-align             : top ;
  white-space                : pre-wrap ;
}

div.ProfileParameterPrompt
{
  margin                     : 0 ;
  border                     : 0 ;
  border-top                 : 1px solid #C0C0C0 ;
  padding                    : 0 ;
}

div.ProfileParameterGuidance
{
  margin                     : 8px 20px 0px 20px ;
  border                     : 0 ;
  padding                    : 0 ;
  font-size                  : 87% ;
  white-space                : pre-wrap ;
}

div.ProfileParameterValue
{
  margin                     : 4px 0px 0px 20px ;
  border                     : 0 ;
  padding                    : 0 ;
}

input.ProfileGroupCheck
{
  float                      : left ;
  width                      : auto ;
  margin                     : 10px 4px 0px 0px ;
  border                     : 0 ;
  padding                    : 0 ;
}

input.ProfileParameterCheck
{
  float                      : left ;
  width                      : auto ;
  margin                     : 6px 4px 0px 0px ;
  border                     : 0 ;
  padding                    : 0 ;
}

input.ProfileParameterRadio
{
  width                      : auto ;
  margin                     : 0px 4px 0px 0px ;
  border                     : 0 ;
  padding                    : 0 ;
}

label.ProfileParameterLabel
{
  width                      : auto ;
  margin                     : 0px 16px 0px 0px ;
  border                     : 0 ;
  padding                    : 0 ;
}

input.ProfileParameterText
{
}

input.ProfileParameterNumber
{
}
/* END PROFILE EDITOR */

/* MY ACCOUNT */
label.SettingsCheckbox
{
    margin: 8px 0 0 0;
    display:inline-block;
}
/*END MY ACCOUNT*/

/*Licence space */

a.disabled
{
    color:gray;
    cursor:default;
}
/*END Licence space*/

/* PHIL: To avoid scrolling of IFRAME on an iPad */
#cecEditQuestionnaireFrame
{
  margin                     : 0px ;
  border                     : 1px solid #FFFFFF ;
  padding                    : 0px ;
  -moz-box-sizing            : border-box ;
  -webkit-box-sizing         : border-box ;
  box-sizing                 : border-box ;
  width                      : 100% ;
  position                   : relative ;
  top                        : -24px ;
}


/* PHIL: FOR DEBUG PURPOSES ONLY */
#debug
{
  display                    : block ;
  display                    : none ;

  margin                     : 0px ;
  border                     : 0px ;
  padding                    : 0px ;
  position                   : fixed ;
  top                        : 0px ;
  left                       : 0px ;
  cursor                     : help ;
  color                      : pink ;
  background-color           : black ;
  text-align                 : left ;
  font-family                : 'Courier New' ;
  font-size                  : 11pt ;
  font-style                 : italic ;
  white-space                : pre-wrap ;
  z-index                    : 999 ;
}

/*NICK: Approval Step*/

.cecASIconHelp {
    margin-left:3px;
    float:right;
}
div.cecASHelp {
    margin-bottom:0;
    display:none;
}

ul.cecASHelp {
    padding-bottom:0;
    margin-bottom:0;
}

div.cecDdApproversRow {
    border:1px solid #bbbbbb;
    padding:8px;
    margin-top:15px;
}

/*END Approval Step*/

/*Context Help Styles*/

.cecIconHelp {
    margin-left:3px;
    float:right;
}
div.cecHelp {
    margin-bottom:0;
}
div.cleared {
    clear:both;
}
/*END Context Help Styles*/

/*NICK: Collapsible Section Images*/
.cecCollapsibleIcon
{
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
    float:left;
    margin-right:5px;
}
.cecCollapsibleMinus
{
    background-image: url("/Content/images/ms_icons.png");
    background-position: -20px 0;
}
.cecCollapsiblePlus
{
    background-image: url("/Content/images/ms_icons.png");
    background-position: 0 0;
}
/* END Collapisble Section Images*/

/*NICK: Approval Order divs*/
div.cecASOContainer {
}

table.cecASOMainTable 
{
    height:100%;
    border:none;
    margin-bottom:50px;
    margin-left:auto;
    margin-right:auto;
    width:auto;

}

tr.cecASOMainRow 
{
    height:100%;
}
/*Override default tr hover behaviour*/
tr.cecASOMainRow:hover td
{
    background-color: initial;
}
/*Override default tr hover behaviour*/
tr.cecASOMainRow:hover td.cecASOStage
{
    background-color: #eee ;
}

td.cecASOStage 
{
    background-color:#eee;
    margin: 2px;
    padding: 5px;
    border-radius:4px;
    border: 2px solid #ccc;
    width:150px;
    height:150px;
    vertical-align:middle;

}

td.cecASOArrowContainer 
{
    border:none;
    vertical-align:middle;
}

div.cecASOStep 
{
    border: 1px solid #AAA;
    margin: 15px;
    padding: 5px;
    height: 20px;
    width: 100px;
    border-radius: 4px;
    text-align:center;
    color:White;
    background-color:#ff5f00;
    background-image:linear-gradient(to bottom,#ff9a00, #ff5f00);
    white-space:nowrap;
    cursor: pointer;
}

div.cecASOArrow 
{
    font-size:75px;
    color:#ccc;
}

/*END Approval Order divs*/

td.wordWrap {
    -ms-word-break: normal;
    word-break: normal;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

input[type="button"].cecHistoryGridPageBtn {
    width:60px;
}


/*ESignature Section Styles*/

td.cecESigStatus {
    width:80%;
    vertical-align:middle;
}
td.cecESigActions {
    width: 20%;
    text-align: right;
    vertical-align: middle;
}

/* End ESignature Section styles */

/*Template details tabs section*/
.smallLeftMargin {
    margin-left: 8px;
}

input.notFullWidth {
    width: 80%;
}
/*End Template details tab section*/

/*Columns CSS*/
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF THREE  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}

/*UL styling*/

/*.extrer-login {
    margin: auto;
    width:auto;
    min-width:282px;
    max-width:540px;
}*/

/*FD instance styles*/
body#login.pl-background {
    background-color: #ffffff;
}

.client-branding img.pl-logo {
    max-height:100px !important;
}

input.pl {
    background-color: #0b344f;
}

input.plPrimaryButtonClass {
background-color: #0b344f;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0b344f), color-stop(100%, #0b344f));
background-image: -webkit-linear-gradient(top, #0b344f, #0b344f);
background-image: linear-gradient(to bottom,#0b344f, #0b344f);
border: solid 1px #0b344f;
}

input.plPrimaryButtonClass:focus,
input.plPrimaryButtonClass:hover {
background-color: #0b344f !important;
border: solid 1px #0b344f !important;
}

/*End FD instance styles*/

#login .external-login-container {
    width: auto;
    max-width:1140px;
    min-width: 282px;
}

#login footer .external-login-container {
    border-top: solid 1px #bbb;
    max-width:1140px;
    padding-top: 18px;
}

.external-login {
    width:40%;
    float:right;
}

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

.fixed-container-maxwidth{
    max-width: 540px;
}

ul.custom-layout {
    padding: 0 0 0 0;
    margin: 15px 0 0 0;
    text-align:center;
}

@media screen and (max-width: 480px) {

    ul.custom-layout {
        margin-top:7px;
    }
}

hr.separator {
    display: inline-block;
    float: left;
    width: 43%;
    clear: none;
}

hr.separator.right {
    float: right;
}

span.separator {
    padding: 0 20px;
    color: #696969;
}

@media screen and (max-width: 27.2em) {
    .client-branding option {
        direction: ltr;
    }
}

/*@media screen and (max-width: 25.375em) {
    .client-branding {
        padding: 20px 0 20px 10px;
        margin: 0 -10px;
    }

        .client-branding select {
            text-align-last: start;
            margin-top: 8px;
            padding: 0;
            margin-left: -2px;
        }
}*/

@media screen and (max-width: 37.5em) {
        .client-branding select {
            text-align-last: start;
            padding: 0;
            margin-left: -2px;
        }

    #login hr.separator.right {
        margin: 0 0 8px 0;
    }

    span.separator {
        padding: 0 6px;
    }
}

ul.buttons li {
    display: inline-block;
    width: 100%;
    list-style: none;
    margin: 0 0 20px 0;
    text-align: center;
    margin-right: 30px;
    min-width: 150px;
    line-height: 2em;
    color: #000000;
    background-color: #FFFFFF;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px;
}
    ul.buttons li a {
        padding: 2px 30px 2px 30px;
        text-decoration: none;
        color: #000000;
        font-size: 16px;
        display: block;
        border: solid 1px rgb(213, 213, 213);
    }
    ul.buttons li a:hover {
      text-decoration: none; 
  transition: border-color ease-in-out 0.12s, background-color ease-in-out 0.12s, background-image ease-in-out 0.12s;
  border: solid 1px rgb(0, 0, 0);
    }

.panel {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.half-row {
    width: 44% !important;
}

.panel-default {
  border-color: #dddddd;
}

.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #dddddd;
}

.panel > .list-group {
  margin-bottom: 0;
}

.panel > .list-group .list-group-item {
  border-width: 1px 0;
}

.panel > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.panel > .list-group .list-group-item:last-child {
  border-bottom: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

/* Buttons */
button.button {
  cursor: pointer;
  width: 100%;
  line-height: 1em;
  margin: 0 0 0 0;
  padding: 10px 16px;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out 0.12s, background-color ease-in-out 0.12s, background-image ease-in-out 0.12s;
  -moz-transition: border-color ease-in-out 0.12s, background-color ease-in-out 0.12s, background-image ease-in-out 0.12s;
  transition: border-color ease-in-out 0.12s, background-color ease-in-out 0.12s, background-image ease-in-out 0.12s; }

button.button-primary {
  color: #ffffff;
  background-color: #ff5f00;
  background-color: #ff9a00;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9a00), color-stop(100%, #ff5f00));
  background-image: -webkit-linear-gradient(top, #ff9a00, #ff5f00);
  background-image: linear-gradient(to bottom,#ff9a00, #ff5f00);
  border: solid 1px #ff5f00;
  border-radius: 4px;
  box-shadow: none; }

button.button-primary:focus, input.button-primary:hover {
  -webkit-transition: border-color ease-in-out 0.12s, background-color ease-in-out 0.12s, background-image ease-in-out 0.12s;
  -moz-transition: border-color ease-in-out 0.12s, background-color ease-in-out 0.12s, background-image ease-in-out 0.12s;
  transition: border-color ease-in-out 0.12s, background-color ease-in-out 0.12s, background-image ease-in-out 0.12s;
  background: none;
  background-image: none;
  border: solid 1px rgb(6, 35, 64);
  background-color: #296bac; }

button.button-secondary {
  color: #666666;
  background-color: #f6f6f6;
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f6f6f6));
  background-image: -webkit-linear-gradient(top, #ffffff, #f6f6f6);
  background-image: linear-gradient(to bottom,#ffffff, #f6f6f6);
  border-radius: 4px;
  border: solid 1px #bbb; }

button.button-secondary:focus, input.button-secondary:hover {
  -webkit-transition: border-color ease-in-out 0.12s, background-color ease-in-out 0.12s, background-image ease-in-out 0.12s;
  -moz-transition: border-color ease-in-out 0.12s, background-color ease-in-out 0.12s, background-image ease-in-out 0.12s;
  transition: border-color ease-in-out 0.12s, background-color ease-in-out 0.12s, background-image ease-in-out 0.12s;
  background: none;
  background-image: none;
  background-color: #ffffff; }

button.button-float {
  display: block;
  float: left;
  width: 48.5%; }

button.button-float-right {
  float: right; }

.custom-checkbox {
    border: 1px solid #bdbdbd;
    background-color: transparent;
    transition: border-color 90ms cubic-bezier(0,0,.2,.1);
    display: inline-block;
    border-radius: 2px;
    position: relative;
    height: 1rem;
    margin-right: 8px;
    margin-top: 1px;
}

.custom-checkbox svg {
    width: 16px;
    height: 16px;
}

.hidden-checkbox, .hidden {
    -webkit-appearance: none;
    border: 0;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    outline: 0;
    display: none;
}

.hidden-checkbox:checked ~ label div {
    background-color: #19b001;
}

.checkmark {
    stroke-dashoffset:0;
    stroke-dasharray: 22.91026;
    stroke-width: 2.66667px;
    stroke: #fafafd!important;
}

.back-button {
    font-size: 1.8em;
}

.left-form-field {
    width:auto;
    display:inline-block;
}