/************************************************************/
/* General													*/
/************************************************************/

body
{
	background-color: #ffffff;
	color: #505050;
}

a:not(.btn),
a:not(.btn):hover,
select,
select > option,
textarea, input[type='text'],
.modal-body
{
	color: #505050 !important;
}

/************************************************************/
/* General Page												*/
/************************************************************/

.ext-page
{
	width: 100%;
	min-height: 100vh;
	height: auto;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}

.ext-page-inner
{
	width: 100%;
	min-height: 100%;
	height: auto;
	padding: 0px 70px;
}

@media (min-width: 768px)
{
	.ext-page
	{
		width: 730px;
	}
}

@media (min-width: 992px)
{
	.ext-page
	{
		width: 950px;
	}
}

@media (min-width: 1200px)
{
	.ext-page
	{
		width: 1132px;
	}
}

@media (max-width: 991px)
{
	.ext-page-inner
	{
		padding: 0px 30px;
	}
}

@media (max-width: 767px)
{
	.ext-page-inner
	{
		padding: 0px 25px;
	}
}


/************************************************************/
/* Fonts													*/
/************************************************************/

.ext-page .font-size-normal,
.ext-page .font-size-normal .form-control
{
	font-size: 16px;
}

.ext-page .font-size-normal .form-control
{
	height: 36px;
}

.ext-page .qn-font-size-normal
{
	font-size: 20px;
}

.ext-page .font-size-normal h1,
.ext-page .font-size-normal h2,
.ext-page .font-size-normal h3,
.ext-page .font-size-normal > div,
.ext-page .qn-font-size-normal h1,
.ext-page .qn-font-size-normal h2,
.ext-page .qn-font-size-normal h3
{
	font-size: 100%;
}

.ext-page .font-size-area-headline
{
	font-size: 24px;
}

.ext-page .font-size-area-headline h1,
.ext-page .font-size-area-headline h2,
.ext-page .font-size-area-headline h3,
.ext-page .font-size-area-headline label
{
	font-size: 100%;
}

.ext-page .font-size-label
{
	font-size: 15px;
}

.ext-page .font-size-label h1,
.ext-page .font-size-label h2,
.ext-page .font-size-label h3,
.ext-page .font-size-label label
{
	font-size: 100%;
}

.ext-page .font-weight-normal,
.ext-page .font-weight-normal h1,
.ext-page .font-weight-normal h2,
.ext-page .font-weight-normal h3,
.ext-page .font-weight-normal label
{
	font-weight: normal;
}

.ext-page .font-weight-bold,
.ext-page .font-weight-bold h1,
.ext-page .font-weight-bold h2,
.ext-page .font-weight-bold h3,
.ext-page .font-weight-bold label,
.ext-page .font-weight-normal.checked label
{
	font-weight: bold;
}

@media (max-width: 767px)
{
	.ext-page
	{
		border-left: none !important;
	}

	.ext-page .font-size-normal h1,
	.ext-page .font-size-normal h2,
	.ext-page .font-size-normal h3,
	.ext-page .font-size-normal > div,
	.ext-page .qn-font-size-normal h1,
	.ext-page .qn-font-size-normal h2,
	.ext-page .qn-font-size-normal h3,
	.ext-page .font-size-area-headline h1,
	.ext-page .font-size-area-headline h2,
	.ext-page .font-size-area-headline h3,
	.ext-page .font-size-area-headline label
	{
		font-size: 90%;
	}

	.ext-page .ext-page-special-header-line
	{
		border-top: 5px solid #d0d0d0;
	}

	.ext-page .font-size-normal .form-control
	{
		font-size: 15px;
	}
}


/************************************************************/
/* Header													*/
/************************************************************/

.ext-page .ext-page-header
{
	width: 100%;
	border-bottom: 5px solid #d0d0d0;
	padding: 24px 0 20px 0;
	margin-bottom: 20px;
}

.ext-page .ext-page-header > div
{
	display: table-cell;
}

.ext-page .ext-page-header > div.header-text
{
	width: 99%;
	vertical-align: bottom;
}

.ext-page .ext-page-header > div.header-image-dsk
{
	width: 1px;
}

.ext-page .ext-page-header > div.header-image-mbl
{
	display: none;
}

.ext-page .ext-page-header > div.header-text > h1
{
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-transform: uppercase;
}

.ext-page .ext-page-header > div.header-text
{
	font-size: 20px;
}

.ext-page .ext-page-header > div.header-text > h1
{
	font-size: 100%;
	font-weight: bold;
}

@media (max-width: 767px)
{
	.ext-page .ext-page-header > div
	{
		display: block;
	}

	.ext-page .ext-page-header > div.header-image-dsk
	{
		display: none;
	}

	.ext-page .ext-page-header > div.header-image-mbl
	{
		display: block;
		padding: 0 0 30px 0;
	}

	.ext-page .ext-page-header > div.header-image-mbl > img
	{
		max-width: 100%;
		width: auto;
		height: auto;
	}

	.ext-page .ext-page .ext-page-header > div.header-text > h1
	{
		font-size: 90%;
	}
}


/************************************************************/
/* Top Info Box												*/
/************************************************************/

.ext-page .top-info-box
{
	font-size: 16px;
	padding-bottom: 20px;
}

.ext-page .top-info-box > div
{
	width: 100%;
	font-size: 100%;
	padding: 20px 20px 20px 58px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-position: left 16px center;
	background-repeat: no-repeat;
	background-size: 26px 27px;
	z-index: 99;
}

.ext-page .top-info-box > div > div:not(:first-of-type)
{
	margin-top: 8px;
}

.ext-page .top-info-box > .info-box-success
{
	color: #478945;
	background-image: url(/Responsive/images/responsive/interview-calendar/message-ok_52x54.png);
}

.ext-page .top-info-box > .info-box-success a
{
	color: #478945;
}

.ext-page .top-info-box > .info-box-warning
{
	color: #66512c;
	background-image: url(/Responsive/images/responsive/interview-calendar/message-warning_52x54.png);
}

.ext-page .top-info-box > .info-box-warning a
{
	color: #66512c;
}

.ext-page .top-info-box > .info-box-danger
{
	color: #843534;
	background-image: url(/Responsive/images/responsive/interview-calendar/message-danger_52x54.png);
}

.ext-page .top-info-box > .info-box-danger a
{
	color: #843534;
}

@media (max-width: 767px)
{
	.ext-page .top-info-box > div
	{
		font-size: 90%;
	}
}


/************************************************************/
/* Info Area												*/
/************************************************************/

.ext-page .info-area
{
	padding-top: 12px;
}

.ext-page .info-area > div
{
	display: table;
}

.ext-page .info-area > div > div
{
	display: table-row;
}

.ext-page .info-area > div > div > div
{
	display: table-cell;
}

.ext-page .info-area > div > div > div:first-of-type
{
	width: 1px;
	vertical-align: top;
	white-space: nowrap;
	font-weight: bold;
}

.ext-page .info-area > div > div > div:last-of-type
{
	padding-left: 16px;
}

.ext-page .info-area > div > div:not(:first-of-type) > div
{
	padding-top: 10px;
}

.ext-page .info-area
{
	padding-bottom: 24px;
}

.ext-page .info-area .calendar-outer
{
	width: 100%;
}

@media (max-width: 767px)
{
	.ext-page .info-area > div,
	.ext-page .info-area > div > div,
	.ext-page .info-area > div > div > div
	{
		display: block;
	}

	.ext-page .info-area > div > div > div:last-of-type
	{
		padding-left: 0;
	}

	.ext-page .info-area > div > div:not(:first-of-type) > div
	{
		padding-top: 0;
	}

	.ext-page .info-area > div > div:not(:first-of-type)
	{
		padding-top: 10px;
	}
}


/************************************************************/
/* Buttons													*/
/************************************************************/

.ext-page .bottom-buttons.with-top-line
{
	padding: 20px 0;
	border-top: 2px solid #d0d0d0;
	text-align: right;
}

.ext-page .bottom-buttons.as-table
{
	display: table;
	width: 100%;
}

.ext-page .bottom-buttons.as-table > div
{
	display: table-cell;
}

.ext-page .bottom-buttons > div
{
	font-size: 16px;
}

.ext-page .bottom-buttons > div .btn
{
	font-size: 100%;
	font-weight: bold;
	height: auto;
	padding: 8px 16px;
	color: #fff;
	background-color: #073f3c;
	background-image: none;
	filter: alpha(opacity=100);
	opacity: 1;
	transition: all 0.15s ease-in;
}

.modal .modal-footer .btn
{
	font-size: 15px;
	font-weight: bold;
	padding: 6px 12px;
	height: auto;
}

.ext-page .bottom-buttons > div:not(:first-of-type) .btn
{
	margin-left: 12px;
}

.ext-page .bottom-buttons > div .btn:hover,
.ext-page .bottom-buttons > div .btn:focus
{
	color: #fff;
	background-color: #1b9b89;
	background-image: none;
	outline: none;
}

.ext-page .bottom-buttons > div .btn[disabled],
.ext-page .bottom-buttons > div .btn.disabled
{
	color: #fff;
	background-color: #073f3c;
	filter: alpha(opacity=30);
	opacity: 0.3;
	transition: all 0.15s ease-in;
}

.ext-page .bottom-buttons > div .btn > span.fa-chevron-left,
.ext-page .bottom-buttons > div .btn > span.fa-chevron-right
{
	font-size: 14px;
}

.ext-page .bottom-buttons > div .btn > span.fa-chevron-left
{
	display: inline-block;
	padding-right: 6px;
}

.ext-page .bottom-buttons > div .btn > span.fa-chevron-right
{
	display: inline-block;
	padding-left: 6px;
}

@media (max-width: 767px)
{
	.ext-page .bottom-buttons > div .btn
	{
		font-size: 90%;
	}

	.ext-page .bottom-buttons > div .btn > span.fa-chevron-left,
	.ext-page .bottom-buttons > div .btn > span.fa-chevron-right
	{
		font-size: 12px;
	}
}


/************************************************************/
/* Screen Reader											*/
/************************************************************/

.screen-reader-hint
{
	position: absolute;
	top: -10000px;
	left: -10000px;
}