/*Fonts*/

/* latin */
@font-face {
  font-family: 'Rancho';
  font-style: normal;
  font-weight: 400;
  src: local('Rancho Regular'), local('Rancho-Regular'), url(https://fonts.gstatic.com/s/rancho/v7/S-YcqhLwgYWxIA-a7eDp2g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}


/**********************/

.boxWrapper {
	width: 600px;
	min-height: 300px;
	margin-top: 50px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    border-radius: 15px;
    box-shadow: 1px 1px 20px 0px #c1baba;
}

.boxWrapper hr {
	border-color: #9d9393;
}

.VacempTitle {
	font-family: 'Rancho', cursive;
	font-size: 28px;
	color: #cc2112;
}

.VacempTitle .appEmpId {
	font-size: 20px;
}

.appBody {
	text-align: right;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
}

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

@media (max-width: 1080px) {
	.appBody {
	text-align: left;
}

.appBody .appText {
	text-align: left;
}
}

.appButtons {
	text-align: center;
	margin-top: 25px;
	font-family: 'Roboto', sans-serif;
}

/*  Added by Suryalakshmi for leave approval withdrawal*/

.leaveApproval {
	text-align: center;
	margin-top: 25px;
	font-family: 'Roboto', sans-serif;
}

.leaveApproval .btn-withdrawApprove{
	background-color: #0f850f;
    opacity: 0.9;
    color: #fff;
    width: 150px; 
    padding: 12px; 
    border-radius: 10px;
    font-size: 15px;
    margin: 5px;
}
.leaveApproval .btn-withdrawReject {
	background-color: #c92222;
    opacity: 0.9;
    color: #fff;
    width: 150px; 
    padding: 12px; 
    border-radius: 10px;
    font-size: 15px;
    margin: 5px; 
}

.btn-approve {
	background-color: #0f850f;
	opacity: 0.9;
	color: #fff;
	width: 100px;
	padding: 10px;
	border-radius: 10px;
}

.btn-approve:hover {
	background-color: #0f850f;
	opacity: 1;
	color: #fff;
	width: 100px;
}

.btn-approve:active {
	background-color: #0f850f;
	opacity: 1;
	color: #fff;
	width: 100px;
}

.btn-approve:focus {
	background-color: #0f850f;
	opacity: 1;
	color: #fff;
	width: 100px;
}

.btn-reject {
	background-color: #c92222;
	opacity: 0.9;
	color: #fff;
	width: 100px;
	padding: 10px;
	border-radius: 10px;
}

.btn-reject:hover {
	background-color: #c92222;
	opacity: 1;
	color: #fff;
	width: 100px;
}

.btn-reject:active {
	background-color: #c92222;
	opacity: 1;
	color: #fff;
	width: 100px;
}

.btn-reject:focus {
	background-color: #c92222;
	opacity: 1;
	color: #fff;
	width: 100px;
}

.btn-cancel {
	background-color: #ec5c1b;
	opacity: 0.9;
	color: #fff;
	width: 100px;
	padding: 10px;
	border-radius: 10px;
}

.btn-cancel:hover {
	background-color: #ec5c1b;
	opacity: 1;
	color: #fff;
	width: 100px;
}

.btn-cancel:active {
	background-color: #ec5c1b;
	opacity: 1;
	color: #fff;
	width: 100px;
}

.btn-cancel:focus {
	background-color: #ec5c1b;
	opacity: 1;
	color: #fff;
	width: 100px;
}

.shadow {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0
		rgba(0, 0, 0, 0.19);
}