body {  padding-top: 64px; }

.line-height-10 {line-height: 10px;}

#header { background: #de1714; width:100%; font-family: 'futura_ltbook', Arial, sans-serif; }

#logo-top { margin-top: 10px; margin-bottom: 10px; margin-left: 10px; } 

#bs-navbar-collapse-1 { padding-left: 0px;}

#header .navbar { margin-bottom: 0px;  border-bottom: 0px; height: 60px;}
#header .navbar .container { padding-left: 0px; }
#header-logo-row { height: 60px; }
/*

#header .nav > li  { color: #eeeeee; background-color: #666666;
	font-family: 'futura_ltheavy', Arial, sans-serif; font-size: 16px;  text-align: center;
 }
 
#header .nav > li a { color: #eeeeee; }
#header .nav > li a:hover, #header .nav > li a:focus { background-color: black; }


.navbar-toggle { background-color: black; }
.navbar-toggle .icon-bar { background-color: white; }


#header #title-top { margin-bottom: 20px; }
*/


#header-black-bar-area { height: 4px; width:100%; background:#0e0d0d; }
#header-black-bar-container { margin:0 auto; } 


#footer { width:100%; background: #000000; 
/*
    position: absolute;
    bottom: 0;
    width: 100%;
*/    
  /* Set the fixed height of the footer here */
  /* height: 280px; */
}

#footer-area { 
    margin: 0 auto;
    position: relative;
    min-height: 280px;
} 

#footer-container { 
    color: #dddddd;
    /* line-height:20px; */
    /* margin-left:10px; margin-right:10px; */
    padding-top: 30px;
}

#footer a { text-decoration: none;  } 

#footer-container { font-family: 'futura_ltbook', Arial, sans-serif; font-size: 14px; color: #bbbbbb; }
#footer-container .bold { font-family: 'futura_ltheavy', Arial, sans-serif; font-size: 16px; height: 25px; color: #dddddd; }
#footer-container .bold2 { font-weight:bold; }

#footer-container a { color: #bbbbbb; }
#footer-container p { margin-bottom: 5px; }

.small { font-size: 11px;}


#epfHeader { width:100%; background-color: #78cad6; padding-top: 10px;}

#page { width:100%; font-family: 'muliregular', Arial, sans-serif; font-size: 12px;  }


.boldWhite { font-family: 'futura_ltbold', Arial, sans-serif; color: #ffffff; }
.boldBlack { font-family: 'futura_ltbold', Arial, sans-serif; color: black; }

.bigFont { font-size: 28px; line-height: 30px;}
.medFont { font-family: 'futura_ltbook'; font-size: 20px;}
.medFont2 { font-family: 'futura_ltbook'; font-size: 24px;}
.center { text-align: center; }
.right { text-align: right; }

.headerFont { font-size: 14px; }
.greybk { background-color: #777777; }

.red {color: #de1714;}


#contractDetail { border-left : 1px solid #e4e4e5; border-right : 1px solid #e4e4e5; border-bottom : 1px solid #e4e4e5;}

#contractContent, #clientContent, #paymentContent, #submissionContent, #totalsContent  { padding-top: 10px;}
#submissionContent  { min-height: 500px;}
#confirmationContent { padding-top: 10px; padding-bottom: 10px; font-size: 13px; }
 
#paymentSelection { min-height: 40px; color: #ffffff; background-color: #888888; }

.mainHeader { color: #ffffff; background-color: #000000;  min-height: 40px; }

.mainHeader img { vertical-align: text-top; padding-right: 10px; }
.mainHeader p { font-size: 14px;  padding-top: 10px; }

.stepheader { 
    color: #ffffff; background-color: #000000; min-height: 40px; line-height: 24px; 
    background: #000000 url("/assets/images/redefund/index/epf-red-triangle.png") left center no-repeat; 
    padding-left: 40px; }
.stepheader2 { min-height: 40px; line-height: 24px;  padding-top: 10px; 
    color: #ffffff; background-color: #de1714; }
    
/* .stepheader div {font-family: 'futura_ltbold'; font-size: 18px;  padding-top: 10px;} */

.stepdetail { /*font-family: 'futura_ltbook'; font-size: 18px; line-height: 24px;*/ padding-top: 10px; padding-bottom: 10px;}


.header { 
    color: #ffffff; background-color: #666666; min-height: 40px; line-height: 20px; 
	font-family: 'futura_ltbold'; font-size: 14px; padding-top: 5px;
}
/* .header p {font-family: 'futura_ltbold'; font-size: 14px;  padding-top: 10px;} */
.header label {font-family: 'futura_ltbold'; font-size: 14px; }

.subheader { height: 40px; min-height: 40px; color: #ffffff; background-color: #888888; 
    font-family: 'futura_ltbold'; font-size: 13px; min-height: 40px; padding-top: 10px;}
.subheader2 { min-height: 40px; color: #ffffff; background-color: #777777;
    font-family: 'futura_ltbold'; font-size: 13px; min-height: 40px; padding-top: 10px; }

/* .subheader div, .subheader2 div {font-family: 'futura_ltbold'; font-size: 13px; min-height: 40px; padding-top: 10px; } */ 

.leftBorder { border-left : 1px solid #e4e4e5; }

.insRow div { height: 32px;  padding-top: 5px; }

.insRow button { width: 100%; }

#errors, #printErrors { border: 1px solid #e4e4e5;  margin-bottom: 20px;}
#printOK { margin-bottom: 20px; }

#submitContract {
	color: #ffffff; background-color: #74bf3a;
	font-size: 16px;  text-decoration: none;
	cursor: pointer; border:none;
	/* width: 450px; */ line-height: 22px;
	margin-bottom: 5px;
	padding-top: 10px; padding-bottom: 10px;
}
#submitContract:hover {
    border: none;
    background: green;
    box-shadow: 0px 0px 1px #777;
}

#viewAndPrint {
    color: #ffffff; background-color: #000000;
    font-size: 16px;  text-decoration: none;
    cursor: pointer; border:none; line-height: 22px;
    padding-top: 10px; padding-bottom: 10px;
}
#viewAndPrint:hover {
    border: none;
    background: green;
    box-shadow: 0px 0px 1px #777;
}


#epfLogout {
    width: 80px;
	color: #ffffff; background-color: #de1714;
	font-size:13px;  text-decoration: none;
	cursor: pointer; border:none; height: 25px;
	padding: 3px; margin-right: 5px;
}
#epfLogout:hover  {
    border: none; background: red;
    box-shadow: 0px 0px 1px #777;
}


.errorHeader { margin: 20px; }

#errorContent ul, #errorContent2 ul, #errorContentPrint ul { 
	font-size:12px; line-height: 16px; margin-left: 0; padding-left: 1em; text-indent: -1em;
}
#errorContent ul li label:before, #errorContent2 ul li label:before, #errorContentPrint ul li label:before	{ 
	content: "\0BB \020"; color: #de1714;
} 
#errorContent ul li label.error, #errorContent2 ul li label.error, #errorContentPrint ul li label.error { 
	 font-weight: normal; display: block;
}

#paymentSelection label input {
	margin-top:0px;
}

#paymentSelection label {
	margin-top:5px;
}

.bold { font-weight: bold; }
.row p { margin-left: 20px; margin-right: 20px;}


input[type='number'] { -moz-appearance:textfield; }
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.modal-body { font-size: 14px; }
.help-block {margin-bottom: 0px;}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.shadow { height:20px; background:#FFF; margin:10px auto; }
.effect1{ box-shadow: 0 -10px 6px -6px #777; }
.effect2{ box-shadow: 0 10px 6px -6px #777; }


/* sm */
@media screen and (min-width: 768px) {
    /* #submitContract { line-height: 20px; } */    
    /* #header .navbar { height: 70px;} */    
}

/* md */
@media screen and (min-width: 992px) {
    #submissionContent  { min-height: 300px;}  
    #header-logo-row { height: 70px;}
    #header .navbar { height: 70px;}      
}


/* lg */
@media screen and (min-width: 1200px) {
   
}