.text-bold{
    font-weight: bold;
}
.div-label{
	width:120px;
}
.hidden{
	display:none;
}
.row{
	align-items: end;
}
.row div{
	padding-top: 5px;
	padding-bottom: 5px;
}
.outer{
	overflow-x: auto;
	width: 100%;
	max-height: 400px;
}
.outer-long{
	overflow-x: auto;
	width: 100%;
}
.align-right{
	text-align: right;
}
.align-right-desktop{
	text-align: right;
}
.row-padding-top{
    padding-top: 20px;
}
.require-span{
	position: absolute;
    right: 0;
    top: 15px;
}
.time-style{
	padding-left: 3px;
	padding-right: 0;
}
.p-explain{
	font-size: 11px;
    font-style: italic;
}
.bg-gradient-primary-sm {
    background-color: #0c5b4c;
    background-image: linear-gradient(180deg,#0c5b4c 10%,#094b3f 100%);
    background-size: cover;
}
.btn-primary {
    color: #fff;
    background-color: #0c5b4c;
    border-color: #0c5b4c;
}
.btn-primary:hover {
  color: #fff;
  background-color: #083d33;
  border-color: #083d33;
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #083d33;
  border-color: #083d33;
  box-shadow: 0 0 0 0.2rem rgba(105, 136, 228, 0.5);
}
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #083d33 !important;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #083d33;
  border-color: #083d33;
}
a {
    color: #0c5b4c;
    text-decoration: none;
    background-color: transparent;
}
.text-primary {
    color: #0c5b4c!important;
}
img.logo{
	position: absolute;
    top: -350px;
    left: 20%;
    max-height: 200px;
    margin: 0 auto;
}

/*Calendar Control CSS*/
.cal_Theme1 .ajax__calendar_container   {
	background-color: #D5F2EC;
	border:solid 1px #D5F2EC;
}
.cal_Theme1 .ajax__calendar_header {
    background-color: #ffffff;
    margin-bottom: 4px;
    margin-top: 4px;
    padding-top: 0;
    padding-bottom: 0;
}
.row .cal_Theme1 .ajax__calendar_header div{
	padding-top: 0;
    padding-bottom: 0;
}
.row div.cal_Theme1 .ajax__calendar_container div {
    padding-top: 0;
    padding-bottom: 0;
}
.cal_Theme1 .ajax__calendar_dayname {
    height: 17px;
    width: 22px;
}
.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev    {
	color: #004080;
	padding-top: 3px;
}
.cal_Theme1 .ajax__calendar_body    {
	background-color: #ffffff;
	border: solid 1px #D5F2EC;
}
.cal_Theme1 .ajax__calendar_dayname {
	text-align:center;
	font-weight:bold;
	margin-bottom: 4px;
	margin-top: 2px;
	color: #004080;
}
.cal_Theme1 .ajax__calendar_day {
	color: #004080;
	text-align:center;
}
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1 .ajax__calendar_active  {
	color: #004080;
	font-weight: bold;
	background-color: #DEF1F4;
}
.cal_Theme1 .ajax__calendar_today   {
	font-weight:bold;
}
.cal_Theme1 .ajax__calendar_other,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {
	color: #bbbbbb;
}
.row div.cal_Theme1 {
    padding-top: 0;
    padding-bottom: 0;
}
.row div.cal_Theme1 .ajax__calendar_container {
    padding-top: 0;
    padding-bottom: 0;
}
.cal_Theme1 .ajax__calendar_body {
    height: 139px;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: auto;
}
.cal_Theme1 .ajax__calendar_body {
    background-color: #ffffff;
    border: solid 1px #77D5F7;
}
.cal_Theme1 .ajax__calendar_days, .cal_Theme1 .ajax__calendar_months, .cal_Theme1 .ajax__calendar_years {
    top: 0px;
    left: 0px;
    height: 139px;
    width: 100%;
    position: absolute;
    text-align: center;
    margin: auto;
}
/*Calendar Control CSS*/
@media (max-device-width: 820px) {
	img.logo{
		position: relative;
		top: 0;
		left: 18%;
		max-height: 200px;
		margin: 0 auto;
	}
}
@media (max-device-width: 800px) {
	.align-right-desktop {
		text-align: left;
	}
}
@media (max-device-width: 768px) {
	img.logo{
		position: relative;
		top: 0;
		left: 18%;
		max-height: 200px;
		margin: 0 auto;
	}
}
@media (max-device-width: 767px) {
	img.logo{
		position: relative;
		top: 0;
		left: 0;
		max-height: 200px;
		margin: 0 auto;
	}
}
