HTML { font-size: 100%; /* IE hack */ }
BODY {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; direction: ltr; background-color: white; font-family: arial;}
IMG {border: 0px;}
H1, H2, H3, H4, FORM, P{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.clear {display: block; overflow: hidden; clear: both; float:none !important; font-size: 1px; line-height: 1px !important; height: 0px !important; margin: 0px !important; padding: 0px !important;}
ul, li{padding: 0px; margin: 0px; list-style: none;}
.centeredContent{max-width: 1180px; margin: 0px auto; padding: 0px 25px;}
a{text-decoration: none;}
a:hover{text-decoration: underline;}
*{box-sizing: border-box;}
/* -------- -------- -------- -------- -------- -------- -------- -------- -------- -------- */
/* -------- -------- -------- -------- -------- -------- -------- -------- -------- -------- */
.fa-spin{visibility:hidden; color:#00003b}
.modal-dialog{margin-top:3%; }
.bootbox-body{text-align:center; }
.modal-footer{text-align:center}
.btn-primary{width:15%;background-color:#00003b;border:none;font-weight:600 }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, 
.btn-primary.active, .open, .dropdown-toggle.btn-primary{background-color:#00003b}
.bootbox-body{font-size:large;padding:3%}
.btn:focus{outline: none;}
.btn-default{background-color:#C5991A;width:15%;color:white;border:none;margin-left:1%;font-weight:600}
.btn-default:hover, .btn-default:focus, .btn-default:active, 
.btn-default.active, .open, .dropdown-toggle.btn-default{background-color:#CC9F1D;color:white}
/*-------------------------------------------------------------------------------------------*/



.miniHeader{
    /*background: #ffffff url(../fonts/icons/inner_header_border.png) right bottom repeat-x;*/
    background-image: linear-gradient(to left);
     height: 70px;}
.miniHeaderLogo {
	float: left; /*2023-02 MPh*/ /*float: right;*/
	padding: 0px 0 0px 10%; /*2023-02 MPh*/ /*padding: 0px 10% 0px 0px;*/
	margin-top: 20px
}
.miniHeaderLogo img{height: 40px; margin-top: 15px}

.miniFooter{height: 48px; background: #ffffff url(../fonts/icons/inner_header_border.png) right top repeat-x; color: #00003b; font: 12px/18px arial; color: #adadad;}
.miniFooter .footerCopyrights{float: left; text-align: left; padding: 10px 0px 0px 0px;}
.miniFooter .footerCopyrights span{color: #010101; display: block; padding: 4px 0px 0px 0px;}

.pageBody{padding: 45px 0px 75px;}
.invoiceFrame{margin: 0px auto; max-width: 900px;}
.invoiceTitle{margin-bottom: 4px; min-height: 40px; padding: 8px 124px 8px 32px; background: #00003b url(../fonts/icons/inner_title_bg.png) right 100px top no-repeat; background-size: auto 100%; font: normal 24px/24px arial; color: white; border-radius: 5px;}
.invoiceBody_bg{background-color: #efebef; border-radius: 5px; padding: 30px 32px 30px 32px;}
.invoiceBody{max-width: 680px;}
.invoiceBody P{padding: 0px 0px 0px 0px; font: bold 16px/19px arial; color: #1b358f;}

.invoiceLegal{padding: 14px 0px 0px; clear: both;}
.invoiceLegal P{padding: 0px 0px 6px 8px; font: normal 14px/16px arial !important; letter-spacing: -0.25px; color: #00003b; position: relative;}
.invoiceLegal P:before{content: '*'; position: absolute; left: 0px; top: 0px;}

ul.cancelForm{padding: 0px 0px 0px 0px;}
ul.cancelForm li{padding: 15px 0px 3px 0px; font: normal 14px/30px arial; color: #505050;}
ul.cancelForm li label{width: 170px; display: inline-block; vertical-align: middle;}
ul.cancelForm li input{width: 320px; height: 33px; font: bold 18px arial; color: #505050; padding: 0px; margin: 0px; background-color: white; border-radius: 5px; border: 0px; text-indent: 12px; vertical-align: middle;}

.tooltipHolder{display: inline-block; vertical-align: middle; position: relative; margin-left: 8px; z-index: 5;}
.tooltipHolder a.tooltipToggle{display: block; width: 27px; height: 28px; background: url("../fonts/icons/tooltip_icon.png") right top no-repeat; font-size: 0px;}
.tooltipPop{position: absolute; display: none; left: 40px; top: -4px; width: 320px; background-color: #f7f5f7; border: 1px solid #dddbdd; border-radius: 5px; padding: 8px 10px; font: normal 15px/17px arial;}
.tooltipHolder:hover{z-index: 7;}
.tooltipHolder:hover .tooltipPop{display: block;}
.tooltipPop:after, .tooltipPop:before{position: absolute; right: 100%; top: 34%; border: solid transparent; content: ""; height: 0; width: 0; pointer-events: none;}
.tooltipPop:after{border-color: rgba(247, 245, 247, 0); border-right-color: #f7f5f7; border-width: 8px; margin-top: -8px;}
.tooltipPop:before{border-color: rgba(221, 219, 221, 0); border-right-color: #dddbdd; border-width: 9px; margin-top: -9px;}

.cancelForm_confirm{padding: 36px 0px 0px 0px;}
.cancelForm_confirm label{position: relative; display: block; color: #000039; font: bold 14px arial;}
.cancelForm_confirm input{position: absolute; opacity: 0;}
.cancelForm_confirm span{display: block; padding: 2px 0px 0px 30px; min-height: 22px;}
.cancelForm_confirm span:before{content: ''; display: block; position: absolute; left: 0px; top: 0px; width: 22px; height: 22px; background: url(../fonts/icons/chk_icon.png) left top repeat-y; background-size: 22px auto;}
.cancelForm_confirm input:checked+span:before{background-position: left 50px;}

.cancelForm_temsLink{padding: 16px 0px 0px 0px; font: normal 14px arial; color: #00003b;}
.cancelForm_temsLink a{color: #00003b; text-decoration: underline;}

.cancelForm_submit{padding: 25px 0px 0px 0px; text-align: right; width: 530px;}
.cancelForm_submit a{display: inline-block; text-decoration: none; min-width: 90px; height: 42px; padding: 0px 12px; background-color: #00003b; font: bold 24px/40px arial; color: white; text-align: center; border-radius: 5px; box-shadow: 0px 1px 3px #888;}
.cancelForm_submit a:hover{background-color: #3c528f;}

.invoiceThanks{padding: 0px 0px 0px 0px; width: 100%; height: 320px; display: table;}
.invoiceThanks_frame{display: table-cell; text-align: center; vertical-align: middle; color: #00003b;}
.invoiceThanks img{display: block; width: 50px; margin: 0px auto 0px;}
.invoiceThanks strong{display: block; font: bold 24px/28px arial; padding: 14px 0px 0px 0px;}
.invoiceThanks B{display: block; font: normal 21px/28px arial; padding: 0px 0px 0px 0px;}
.invoiceThanks span{display: block; font: normal 18px/20px arial; padding: 23px 0px 0px 0px;}

@media screen and (max-width: 870px){
	.tooltipPop{left: auto; right: -8px; top: 40px;}
	.tooltipPop:after, .tooltipPop:before{right: 10%; top: auto; bottom: 100%;}
	.tooltipPop:after{border-right-color: transparent; border-bottom-color: #f7f5f7; margin-top: 0px; margin-right: -8px;}
	.tooltipPop:before{border-right-color: transparent; border-bottom-color: #dddbdd; margin-top: 0px; margin-right: -9px;}
}
@media screen and (max-width: 768px){
	.centeredContent{padding: 0px 15px; margin-top: 20px}
	.invoiceTitle{padding: 8px 80px 8px 24px; background-position: right 32px top; font: normal 21px/24px arial;}
	.invoiceBody_bg{padding: 24px 24px 30px 24px;}
}

@media screen and (max-width: 670px){
	ul.cancelForm li label{display: block;}
	ul.cancelForm li{position: relative; padding-right: 35px;}
	ul.cancelForm li input{width: 100%; font: normal 18px arial;}
	.tooltipHolder{position: absolute; right: 0px; bottom: 5px; margin-left: 0px;}

	.invoiceThanks{height: auto;}
	.invoiceThanks_frame{padding: 24px 0px;}
	.cancelForm_submit{width: auto;}
}

@media screen and (max-width: 568px){
	.invoiceTitle{padding: 8px 80px 8px 21px; background-position: right 24px top; font: normal 18px/24px arial;}
	.invoiceBody_bg{padding: 21px 21px 24px 21px;}
}

@media screen and (max-width: 480px){
	.pageBody{padding: 30px 0px 40px;}
	.invoiceTitle{padding: 8px 45px 8px 21px; min-height: 0px; font: normal 18px/20px arial;}
	.invoiceBody_bg{padding: 15px 21px 21px 21px;}
	.invoiceBody P{font: bold 14px/16px arial;}
	
	ul.cancelForm li{padding: 7px 35px 3px 0px;}
}

@media screen and (max-width: 375px){
	.invoiceTitle{padding: 8px 60px 8px 15px; font: normal 16px/18px arial;}
	.invoiceBody_bg{padding: 15px 15px 15px 15px;}
}