/*Style CSS*/

.main-wrapper {
	height: 100%;
	background-color: #ffffff;
}
nav {
	display: block;
}
nav img {
	float: left;
	margin: 25px 15px 15px 15px;
    z-index: 1;
    position: relative;
}
/*.page-size {
    height: 97vh;
}*/
.header {
	position: relative;
	/*background-image: url(../img/bg1.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
    background-position: left top;*/
	background-color: #f4f4f4;
}
.noskillbar {
    margin-left: 230px;
     margin-top: 150px; 
     width: 350px; 
     height: 150px; 
     font-size: 24px; 
     color: #b2b2b7; 
}
.header-bg {
    position: absolute;
    z-index: 0;
    /*height: 96vh;*/
    /*height: 33.1in;*/
    width: 100%;
}
.header .title-text {
	position: absolute;
	top: 36%;
	left: 34%;
	font-weight: 500;
	letter-spacing: 2px;
	/*color: #ffffff;*/
}
.candidate-detail {
	width: 70%;
	position: absolute;
	bottom: 20%;
	left: 18%;
	/*padding: 50px;
	border: 1px solid #cccccc;
	color: #ffffff;*/
}
.candidate-detail .panel-title {
	position: absolute;
	top: -15px;
	left: 15px;
	padding: 5px;
    font-size: 16px;
	background-color: #ffffff;
	border-radius: 20px;
	color: #333333;
    display: none;
}
.candidate-detail .user-image {
	/*margin: 10px;*/
}
.user-name {
    font-size: 30px;
    font-weight: 600;
}
.emp-id, .email {
    font-size: 16px;
}
.star-rate {
    margin: 0 auto;
}
.rating-val {
    font-size: 20px;
}
.sub-head {
    font-size: 15px;
    font-weight: 500;
}
.text-white {
    color: #ffffff;
}
.sec-header {
    background-color: #e0e0e0;
}
.p-relative {
	position: relative;
}
.d-i-b {
	display: inline-block;
}
.f-s-12 {
    font-size: 12px;
}
.f-w-600 {
	font-weight: 600;
}
.m-b-0 {
    margin-bottom: 0;
}
.p-5 {
    padding: 5px;
}
.p-t-5 {
    padding-top: 5px;
}
.p-t-10 {
    padding-top: 10px;
}
.p-b-5 {
    padding-bottom: 5px;
}
.p-b-10 {
    padding-bottom: 10px;
}
.p-l-15 {
    padding-left: 15px;
}
.ver-align-m {
    vertical-align: middle;
}
.ver-align-t {
    vertical-align: top;
}
.border-top-1 {
    border-top: 1px solid #ccc;
}
.border-bottom-1 {
    border-bottom: 1px solid #ccc;
}
.border-light {
    border-color: #B3E5FC;
}
.m-t-0 {
    margin-top: 0;
}
.m-t-15 {
    margin-top: 15px;
}
/*footer*/
footer {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-top: 15px;
    /*background-color: #ddd;*/
}

.page-size {
  width: 25.4cm;
  height: 36cm;
  /*padding: 2cm;*/
  margin: 15px auto;
  border: 1px solid #D3D3D3;
  border-radius: 5px;
  background: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.page-break {
    page-break-after: always;
}
.page-break:first-child {
    page-break-before: always;
    page-break-after: always;
}
.page-break:last-child {
    page-break-inside:auto;
    page-break-after: always;
}
.subpage {
  /*padding: 1cm;*/
  /*border: 2px solid blue;*/
  /*height: 286mm;*/
  /*outline: 2cm solid #B3E5FC;*/
}

@page {
  size: A4;
  margin: 0;
}

@media print {
    .page-size {
        width: 26.4cm;
        height: 35.8cm;
        margin: 15px auto; 
        /* change the margins as you want them to be. */
        border: 1px solid #333333;
        border-radius: 6px;
        margin-left: 15px;
        margin-right: 15px;

    }
    .candidate-detail .panel-title {
	    position: absolute;
	    top: -15px;
	    left: 15px;
	    padding: 5px;
        font-size: 14px;
	    background-color: #ffffff !important;
	    border-radius: 20px;
	    color: #333333;
    }
    .panel-heading {
        background-color: #bce8f1 !important;
        -webkit-print-color-adjust: exact; 
    }
    .header .title-text {
        color: #333333 !important;
        border-bottom: 1px solid #333333;
    }
    .sec-header {
        background-color: #e0e0e0;
    }
    .sub-sec {
        margin-left: 25px;
    }
    .subpage.page-break {
        margin-top: 15px;
    }
}