/* Horizontal navigation menu */
ul.inline-menu {
    border-bottom: 1px solid #99A3A4;
    list-style-type: none;
    margin: 0px 0px 15px 0px;
    overflow: hidden;
    padding: 0px;
}

li.inline-menu-item {
    display: block;
    float: left;
    min-width: 3em;
    padding: 10px 7px 10px 7px;
    text-align: left;
    border: 1px solid #99A3A4;
    margin-right: 3px;
    margin-bottom: -1px;
}

li.inline-menu-item a {
    display: block;
}

li.inline-menu-item a:hover {
    color: #1a6ba5;
    font-weight: bold;
}
/* -------------------------- */


.custDataCell {
    float: left;
    border: 0px solid #D8002B;
    padding: 3px;
}

.custDataCell label {
    display: block;
}

.custDataSpacer {
    height: 2em;
}

.muted {
	color: #909497;
}

.myfyCustWarningBox {
	border: 2px solid #666;
	clear: both;
	margin: 10px 0px;
	padding: 8px;
}

::-webkit-input-placeholder { /* Edge */
	color: #909497;
	font-weight: 200;
}

:-ms-input-placeholder { /* Internet Explorer */
	color: #909497;
	font-weight: 200;
}

::placeholder { /* Standards-compliant browsers */
	color: #909497;
	font-weight: 200;
}

.summaryTable th {
    padding: 5px;
    text-align: right;
}

.myfyCustomer {
    margin: 10px auto 50px auto;
    max-width: 1000px;
    text-align: left;
}

.myfyCustAppSummDet {
	display: none;
	font-weight: normal;
	padding: 10px;
}

.msgToolbar1 {
    clear: both;
    font-weight: normal;
    line-height: 200%;
    margin: 10px 0px;
    vertical-align: middle;
}

.msgToolbar1 button {
    margin-right: 5px;
}

.myfyCustNewMsg {
	clear: both;
}

.myfyCustViewMsg {
    margin: 15px 0;
}

.myfyCustViewMsg dt {
    clear: left;
    float: left;
    font-weight: bold;
    width: 4em;
}

.myfyCustAppSummDet dt {
    clear: left;
    float: left;
    font-weight: bold;
    width: 7.5em;
}

.myfyCustAppSummDet dt::after {
    content: ": ";
}

.myfyCustViewMsg dt::after {
    content: ": ";
}

.myfyCustViewMsg dd {
    margin: 0 0 0 4em;
    padding: 0 0 0.25em 0;
	width: inherit;
}

.myfyCustAppSummDet dd {
    margin: 0 0 0 7.5em;
    padding: 0 0 0.5em 0;
	width: inherit;
}

.myfyCustAppActionDet dt {
    clear: left;
    float: left;
    font-weight: bold;
    padding: 0 0 0.25em 0;
    width: 7.5em;
}

.myfyCustAppActionDet dt::after {
    content: ": ";
}

.myfyCustAppActionDet dd {
    margin: 0 0 0 7.5em;
    padding: 0 0 0.25em 0;
	width: inherit;
}


.myfyCustApplicantDet {
	float: left;
	padding-right: 1em;
    white-space: nowrap;
}

.myfyCustomer input {
/*  background-color: #F4F6F6;
    border-color: #CCD1D1 #E5E8E8 #E5E8E8 #CCD1D1;
    border-style: solid;
    border-width: 1px;
    color: #17202A;
    font-size: 1em;
    margin-right: 2px;
    padding: 0.1em;
    width: auto;*/
    font-size: 1em;
    width: auto;
    height: 45px;
    margin-right: 2px;
    color: #807979;
    background: rgba(153, 211, 233, 0.3);
    min-width: 50px;
}

.myfyCustomer textarea {
/*  background-color: #F4F6F6;
    border-color: #CCD1D1 #E5E8E8 #E5E8E8 #CCD1D1;
    border-style: solid;
    border-width: 1px;
    color: #17202A;
    font-size: 1em;
    margin-right: 2px;
    padding: 0.1em;
    width: auto;*/
    font-size: 1em;
    width: auto;
    margin-right: 2px;
    color: #807979;
    background: rgba(153, 211, 233, 0.3);
    min-width: 50px;
}

.myfyCustomer select {
/*  background-color: #F4F6F6;
    border-color: #CCD1D1 #E5E8E8 #E5E8E8 #CCD1D1;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    color: #17202A;
    font-size: 1em;
    text-indent: 0;
    width: auto;*/
    font-size: 1em;
    box-sizing: border-box;
    color: black;
    background-color: #fafafa;
    border-color: #ccc #efefef #efefef #ccc;
    border-width: 1px;
    border-style: solid;
    text-indent: 0;
    width: auto;
}

.myfyCustomer thead {
    border-bottom: 1px solid #99A3A4;
}

.myfyCustomer small {
    font-size: 75%;
}

.myfyCustAppSummBlock {
	border: 1px solid #1A6BA5;
	margin-bottom: 10px;
}

.myfyCustAppSummHdr {
	background-color: #1A6BA5;
	padding: 5px;
}

.myfyCustAppSummHdr a {
	color: #FDFEFE;
	display: block;
	font-size: 125%;
	font-weight: bold;
	padding: 10px;
	text-decoration: none;
}

.myfyCustSummExColl {
	font-size: 85%;
	font-weight: normal;
	margin-top: 15px;
	text-align: right;
}

/*
.myfyCustAppSummDet li {
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
	width: inherit;
}
*/

.myfyCustSummMsgBlock {
    clear: both;
}

.myfyCustSummMsgDate {
    float: right;
    font-size: 85%;
    margin-left: 10px;
}

.myfyCustSummMsgSubj {
    padding-left: 21px;
    text-indent: -21px;
}

.myfyCustSummMsgSubj a {
    display: block;
    padding-bottom: 10px;
}

.myfyCustTable {
	font-weight: normal;
    width: 100%;
}

.myfyCustTable tr:nth-child(even) {
    background-color: #F4F6F6;
}

.myfyCustTable tr:nth-child(odd) {
    background-color: #FDFEFE;
}

.myfyCustActionHeader1 {
	min-width: 15em;
	text-align: left;
    vertical-align: text-bottom;
}

.myfyCustActionHeader2 {
	min-width: 8em;
	text-align: center;
    vertical-align: text-bottom;
}

.myfyCustActionTitle {
	cursor: pointer;
    padding-right: 15px;
}

.myfyCustActionGroup {
	font-size: 75%;
	max-width: inherit;
	padding-right: 5%;
}

.myfyAssociateNotes {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px dashed #ccc;
    padding: 5px;
}

.myfyCustActionDate {
	font-size: 75%;
	max-width: inherit;
}

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

.myfyCustActionStatus {
    font-weight: 500;
    padding: 5px;
	text-align: center;
    vertical-align: text-top;
    white-space: nowrap;
}

.myfyCustActionAction {
	cursor: pointer;
    font-weight: normal;
	text-align: center;
    vertical-align: middle;
}

a.myfyCustUploadLink {
	background-color: #1A6BA4;
	border: 2px solid #336699;
	color: #fff;
	display: block;
	padding: 10px;
    text-decoration: bold;
    text-transform: uppercase;
    white-space: nowrap;
}

a.myfyCustUploadLink:focus,
a.myfyCustUploadLink:hover {
	background-color: #fff;
	border: 2px solid #336699;
	color: #1A6BA4;
	display: block;
	padding: 10px;
    text-decoration: bold;
    text-transform: uppercase;
    white-space: nowrap;
}

.myfyCustUploadButton {
	background-color: #1A6BA4;
	border: 2px solid #336699;
	color: #fff;
	padding: 10px;
    text-decoration: bold;
    text-transform: uppercase;
    white-space: nowrap;
}

.myfyCustUploadButton:focus,
.myfyCustUploadButton:hover {
	background-color: #fff;
	border: 2px solid #336699;
	color: #1A6BA4;
	padding: 10px;
    text-decoration: bold;
    text-transform: uppercase;
    white-space: nowrap;
}

.myfyCustActionNotes {
    color: #17202A;
    font-size: 90%;
    font-style: italic;
    font-weight: 500;
    padding-left: 15px;
    padding-right: 15px;
    text-align: justify;
}

.goodStatusMsg {
    color: #229954;
	font-weight: bold;
}

.badStatusMsg {
    color: #D8002B;
	font-weight: bold;
}

.genStatusMsg {
    color: #17202A;
	font-weight: bold;
}

button {
    background: #F4F6F6;
    border-color: #CCD1D1 #F4F6F6 #F4F6F6 #CCD1D1;
    border-style: solid;
    border-width: 1px;
    color: #1F618D;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    margin: 0px;
    padding: 10px 20px;
    text-decoration: none;
    text-align: center;
    transition: background 250ms ease-in-out, transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}

button.btnAction {
    background: transparent;
    border-style: solid;
    border-width: 0px;
    color: #1F618D;
    font-size: 1rem;
    margin: 0px;
    padding: 10px 1em 10px 2px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

button:hover,
button:focus {
    background: #D5DBDB;
}

button:focus {
    outline: 1px solid #FDFEFE;
    outline-offset: -4px;
}

button:active {
    transform: scale(0.99);
}

.myfyCustInfoBox {
	border: 2px solid #AED6F1;
	float: right;
	font-weight: normal;
	margin: 0 0 5px 5px;
	padding: 5px 10px;
    text-align: left;
    min-width: 300px;
    white-space: nowrap;
}

.myfyCustInfoBox a {
	font-weight: bold;
}

.myfyCustInfoBoxWelcome {
	color: #2A6EA3;
	font-weight: bold;
}

.myfyCustInfoBoxText {
	font-size: 85%;
}

.myfyCustMsgTable {
    width: 100%;
}

.myfyCustMsgTable tr:nth-child(even) {
    background-color: #F4F6F6;
}

.myfyCustMsgTable tr:nth-child(odd) {
    background-color: #FDFEFE;
}

.myfyCustMsgRow {
	height: 2em;
}

.myfyCustMsgHdr {
    border-bottom: 1px solid #99A3A4;
}

.myfyCustMsgFtr {
    border-top: 1px solid #99A3A4;
    /* font-size: 85%; */
    font-weight: normal;
    padding-top: 5px;
}

.myfyCustMsgFtr a {
    font-size: 200%;
    font-weight: bold;
}

.myfyCustMsgPaginator {
    text-align: right;
    vertical-align: top;
}

.myfyCustMsgChkBox {
    padding: 3px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    width: 2em;
}

.myfyCustMsgChkBox input {
    min-width: 10px;
    width: 1.25em;
}

.myfyCustMsgIcon {
    padding: 3px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    width: 2em;
}

.myfyCustMsgBlock {
    padding: 3px;
    max-width: 0;
}

.myfyCustMsgBlock a {
    color: #17202A;
	display: block;
}

.myfyCustMsgFrom {
    font-size: 85%;
}

.myfyCustMsgDate {
    float: right;
    font-size: 85%;
    white-space: nowrap;
}

.myfyCustMsgSubj {
    clear: both;
    width: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
}

.myfyCustMsgDate {
    float: right;
    font-size: 85%;
    white-space: nowrap;
}

.myfyCustMsgInReplyTo {
    border: 1px dotted #ccc;
    margin: 0px auto;
    padding: 10px;
}


.dropzone.dz-started .dz-message {
    display: block !important;
}

.dropzone .dz-preview .dz-progress{
	background: transparent !important;
}

.dropzone .dz-preview .dz-details{
	opacity: 1 !important;
}

.applicationChooseSelector {
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 5px;
    border: 2px solid #AED6F1;
    clear: both;
}

.applicationChoices {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 0px;
    margin-top: 10px;
}

.applicationChoice {
    border-bottom: 1px solid #ddd;
    margin: 0;
    padding: 10px;
    cursor: pointer;
}

.applicationChoice:hover {
    font-weight: bold;
    background-color: #eee;
}

.applicationChoice.current {
    background-color: #eee;
}

.applicationChoice .appChoiceStatus {
    float: right;
    padding: 3px;
    border: 1px dashed #ddd;
    margin-top: -5px;
}

.intelBreak {
    display: inline-block;
}

#myfycustPasswordSetWorking {
    padding: 140px;
}

.xx-verificationWidget {
    margin-top:10px;
    margin-bottom:10px;
    padding:10px;
    font-size: 18px;
    border: 1px solid orange;
}

.vvLeftSideOfVerificationRow {
    display:inline-block;
}

.vvRightSideOfVerificationRow {
    float:right;
    text-align:left;
}

.videoVerification {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;    
}

.verificationNotification {
    font-weight: bold;
}

@media only screen and (max-width: 767px) {
    .myfyCustInfoBox {
        margin: 0;
        margin-bottom: 5px;
        width: 100%;
        float: none;
    }

    #myfycustPasswordSetWorking {
        padding: 10px;
    }

    .dropFileInfo{
	    display: none;
    }

    .intelBreak {
        display: block;
    }
    
    dt, dd {
        font-size: 80%;
    }

    .msgToolbar1 button {
        padding: 5px 10px;
    }
    .msgToolbar1 select {
        font-size: 75%;
        padding: 5px 10px;
    }

    li.inline-menu-item {
        font-size: 85%;
    }
}


@media only screen and (min-width: 768px) {
    #myfyCustomerContainer {
        margin-top: 50px;
    }

    .myfyShowInMobile {
        display: none;
    }

    .myfyHideInMobile {
        display: block;
    }

    .myfyContinueButton {
        font-size: 20px;
        padding: 0.3em;
        cursor: pointer;
    }

    .myfyContinueButtonContainer {
        text-align: right;
    }

    .myfyBackButton {
        font-size: 20px;
        padding: 0.3em;
        cursor: pointer;
    }

    .myfyBackButtonContainer {
        text-align: left;
    }

    .custDataCell {
        margin-right: 5px;
        min-width: 240px;
    }

}


/* CSS for NEW CCP */

#myfyDirectCustomerHeader {
    border-bottom: 7px solid red;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
}

#myfyDirectCustomerHeader img {
    margin: 0;
    cursor: pointer;
    vertical-align: middle;
}

#myfyDirectCustomerHeader div.inDesktop {
    display: block;
    cursor: pointer;
    font-size: 28px;
    text-align: center;
    float: center;
    position: absolute;
    width: 100%;
    margin-top: 25px;
}

#myfyDirectCustomerHeader div.inMobile {
    display: none;
}

#myfyDirectCustomerContainer {
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 20px;
}

#myfyCustomerLoadingNotice {
    padding-top: 140px;
    padding-bottom: 140px;
}

.myfyLoader {
    width: 200px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.myfyLoader img {
    vertical-align: middle;
}

#myfyCustomerAjaxArea button {
    text-align: left;
}

#myfyCustomerAjaxArea {
    padding-top: 40px;
    padding-left: 100px;
    padding-right: 100px;
    padding-bottom: 40px;
}

#myfyCustomerAjaxArea .notice {
    border: 1px dashed orange;
    margin: 5px;
    text-align: center;
    padding: 5px;
}

#myfyCustomerAjaxArea .wide500 {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

#myfyCustomerAjaxArea .centered {
    text-align: center;
}

#myfyCustomerAjaxArea input[type="text"], 
#myfyCustomerAjaxArea input[type="email"],
#myfyCustomerAjaxArea input[type="url"],
#myfyCustomerAjaxArea input[type="password"],
#myfyCustomerAjaxArea input[type="search"],
#myfyCustomerAjaxArea input[type="tel"],
#myfyCustomerAjaxArea input[type="number"],
#myfyCustomerAjaxArea textarea,
#myfyCustomerAjaxArea select {
    color: #666;
    background-color: #fafafa;
    border-color: #ccc;
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 10px 15px;
    box-sizing: border-box;
    max-width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 100;
    font-size: 18px;

    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    -webkit-appearance: textfield;
    -webkit-rtl-ordering: logical;

}

#myfyCustomerAjaxArea form .formRow {
    display: block;
    margin-left: 0;
    margin-right: 0;
}

#myfyCustomerAjaxArea form .formRow > label {
    width: 150px;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
}

#myfyCustomerAjaxArea form .formRow > span {
    width: auto;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
}

#myfyDirectCustomerFooter {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
    color: white;
    background-color: #196ba5;
}

#myfyDirectCustomerFooter a, #myfyDirectCustomerFooter a:hover, #myfyDirectCustomerFooter a:active, #myfyDirectCustomerFooter a:visited {
    color: white;
}

#myfyDirectCustomerFooter #footerLastLinks {
    margin-top: 20px;
}

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

    .vvRightSideOfVerificationRow {
        display:block;
        text-align:center;
    }

    .vvLeftSideOfVerificationRow {
        display:block;
    }

    #myfyCustomerAjaxArea {
        padding: 10px;
    }
    #myfyDirectCustomerHeader {
        text-align: center;
    }

    #myfyDirectCustomerContainer {
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 20px;
    }

    #myfyDirectCustomerHeader div.inDesktop {
        display: none;
    }
    
    #myfyDirectCustomerHeader div.inMobile {
        font-size: 28px;
        margin-top: 10px;
        text-align: center;
        cursor: pointer;
        display: block;
    }

    #myfyCustomerAjaxArea form .formRow > label {
        text-align: left;
        display: block;
        padding: 0;
        width: 100%;
        font-size: 24px;
    }
    
    #myfyCustomerAjaxArea form .formRow > span {
        display: block;
        padding: 0;
    }
    
    #myfyCustomerAjaxArea form .formRow > span input {
        margin-top: 3px;
        margin-bottom: 40px;
    }

    #myfyCustomerAjaxArea input[type="text"], 
    #myfyCustomerAjaxArea input[type="email"],
    #myfyCustomerAjaxArea input[type="url"],
    #myfyCustomerAjaxArea input[type="password"],
    #myfyCustomerAjaxArea input[type="search"],
    #myfyCustomerAjaxArea input[type="tel"],
    #myfyCustomerAjaxArea input[type="number"],
    #myfyCustomerAjaxArea textarea,
    #myfyCustomerAjaxArea select {
        width: 95%;
    }

    #myfyCustomerAjaxArea .notice {
        border: 1px dashed orange;
        margin-top: 50px;
        text-align: center;
        padding: 5px;
    }

}

@media only screen and (min-width: 768px) {

}


.reset-this {
    animation : none;
    animation-delay : 0;
    animation-direction : normal;
    animation-duration : 0;
    animation-fill-mode : none;
    animation-iteration-count : 1;
    animation-name : none;
    animation-play-state : running;
    animation-timing-function : ease;
    backface-visibility : visible;
    background : 0;
    background-attachment : scroll;
    background-clip : border-box;
    background-color : transparent;
    background-image : none;
    background-origin : padding-box;
    background-position : 0 0;
    background-position-x : 0;
    background-position-y : 0;
    background-repeat : repeat;
    background-size : auto auto;
    border : 0;
    border-style : none;
    border-width : medium;
    border-color : inherit;
    border-bottom : 0;
    border-bottom-color : inherit;
    border-bottom-left-radius : 0;
    border-bottom-right-radius : 0;
    border-bottom-style : none;
    border-bottom-width : medium;
    border-collapse : separate;
    border-image : none;
    border-left : 0;
    border-left-color : inherit;
    border-left-style : none;
    border-left-width : medium;
    border-radius : 0;
    border-right : 0;
    border-right-color : inherit;
    border-right-style : none;
    border-right-width : medium;
    border-spacing : 0;
    border-top : 0;
    border-top-color : inherit;
    border-top-left-radius : 0;
    border-top-right-radius : 0;
    border-top-style : none;
    border-top-width : medium;
    bottom : auto;
    box-shadow : none;
    box-sizing : content-box;
    caption-side : top;
    clear : none;
    clip : auto;
    color : inherit;
    columns : auto;
    column-count : auto;
    column-fill : balance;
    column-gap : normal;
    column-rule : medium none currentColor;
    column-rule-color : currentColor;
    column-rule-style : none;
    column-rule-width : none;
    column-span : 1;
    column-width : auto;
    content : normal;
    counter-increment : none;
    counter-reset : none;
    cursor : auto;
    direction : ltr;
    display : inline;
    empty-cells : show;
    float : none;
    font : normal;
    font-family : inherit;
    font-size : medium;
    font-style : normal;
    font-variant : normal;
    font-weight : normal;
    height : auto;
    hyphens : none;
    left : auto;
    letter-spacing : normal;
    line-height : normal;
    list-style : none;
    list-style-image : none;
    list-style-position : outside;
    list-style-type : disc;
    margin : 0;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    max-height : none;
    max-width : none;
    min-height : 0;
    min-width : 0;
    opacity : 1;
    orphans : 0;
    outline : 0;
    outline-color : invert;
    outline-style : none;
    outline-width : medium;
    overflow : visible;
    overflow-x : visible;
    overflow-y : visible;
    padding : 0;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    page-break-after : auto;
    page-break-before : auto;
    page-break-inside : auto;
    perspective : none;
    perspective-origin : 50% 50%;
    position : static;
    /* May need to alter quotes for different locales (e.g fr) */
    quotes : '\201C' '\201D' '\2018' '\2019';
    right : auto;
    tab-size : 8;
    table-layout : auto;
    text-align : inherit;
    text-align-last : auto;
    text-decoration : none;
    text-decoration-color : inherit;
    text-decoration-line : none;
    text-decoration-style : solid;
    text-indent : 0;
    text-shadow : none;
    text-transform : none;
    top : auto;
    transform : none;
    transform-style : flat;
    transition : none;
    transition-delay : 0s;
    transition-duration : 0s;
    transition-property : none;
    transition-timing-function : ease;
    unicode-bidi : normal;
    vertical-align : baseline;
    visibility : visible;
    white-space : normal;
    widows : 0;
    width : auto;
    word-spacing : normal;
    z-index : auto;
    /* basic modern patch */
    all: initial;
    all: unset;
}