.col-5, .col-10, .col-20, .col-25, .col-40, .col-45, .col-50, .col-80, .col-90, .col-95 {
	float: left;
	height: 40px;
}

.col-5 {
	width: 5%;
}

.col-10 {
	width: 10%;
}

.col-20 {
	width: 20%;
}

.col-25 {
	width: 25%;
}

.col-40 {
	width: 40%;
}

.col-45 {
	width: 45%;
}

.col-50 {
	width: 50%;
}

.col-80 {
	width: 80%;
}

.col-90 {
	width: 90%;
}

.col-95 {
	width: 95%;
}

.training-header {
	background-color: #E9E9E9;
	line-height: 25px;
	font-weight: bold;
	padding-top: 6px;
}

.training-tp-line {
	line-height: 40px;
	border-bottom: 1px solid;
	cursor: pointer;
}

.training-enr-line {
	line-height: 40px;
	cursor: pointer;
}

.training-detail-line {
	line-height: 25px;
}

.border-bottom-black {
	border-bottom: 1px solid;
}

.center {
	text-align: center;
}

.font-bold {
	font-weight: bold;
}

.underlined {
	text-decoration: underline;
}

.full-width {
	width: 100%;
}

.full-height {
	height: 100%;
}

.pull-left {
	float: left;
}

.p-l-5-p {
	padding-left: 5%;
}

.reduced-line-height {
	line-height: 15px;
	padding-top: 12px;
	padding-bottom: 12px;
}

.enrolment-details {
	padding-bottom: 16px;
	padding-top: 16px;
	border-bottom: 1px solid;
}

.mytrainings-headline {
	margin-top: 12px;
	padding-top: 10px;
	font-weight: bold;
}

a:hover, a:focus {
	color: #CC0000;
	text-decoration: none;
}

p.forget-pwd-hint {
	margin-top: 16px;
	margin-bottom: 16px;
}

.open-feedbacks-training-header {
	background-color: #E9E9E9;
	font-weight: bold;
	line-height: 15px;
	padding-top: 16px;
}

.open-feedbacks-training-header-action {
	background-color: #E9E9E9;
	font-weight: bold;
	line-height: 15px;
	padding-top: 6px;
}

.open-feedbacks-modal-body {
    position: relative;
    overflow-y: auto;
    max-height: 400px;
}

.open-feedbacks-button {
	white-space: break-spaces;
	line-height: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 1.3rem;
    margin-top: 4px;
}

.open-feedbacks-bottom-line {
	width: 100%;
    height: 1em;
    float: left;
}

.bring-to-foreground {
	z-index: 1000;
}

.mobile-welcome {
	color: #FFF;
	text-align: center;
	padding-bottom: 8px;
}

.logoutMenuItem {
	margin-left: 5px;
	margin-right: 5px;
}

.open-dropdown-menu {
    padding: 5px 0;
    font-size: 14px;
    background-color: #fff;
    border-radius: 4px;
}

#listItemLogout {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.modal-content-margin-right {
	margin-right: 1px;
}

.feedback-secondary-button {
	background-color: #e6e6e6;
}

.feedback-secondary-button:hover {
	background-color: #cdcdcd;
}

.feedback-next-button {
	width: 90px;
}

@media (max-width:767px) {
	.font-line-size {
		font-size: 1.2rem;
		line-height: 15px;
	}

	.my-trainings {
		font-size: 1.2rem;
	}

	.enrolment-details, .course-date-field, .open-feedback-fields {
		font-size: 1.1rem;
	}

	.training-detail-line {
		line-height: 15px;
	}

	.mytrainings-headline {
		font-size: 1.2rem;
		padding-left: 8px;
		padding-right: 0px;
		padding-top: 4px;
	}

	.db-logo-header {
		padding-right: 0px;
	}

	.mobile-menu-header {
		padding-left: 0px;
	}

	.container.container-mytraining-header {
		padding-right: 0px;
	    padding-left: 0px;
	    margin-right: auto;
	    margin-left: auto;
	}

	.p-l-5-p {
		padding-left: 7%;
	}

	.tab-menu {
	padding-left: 0px !important;
	}

	.open-feedbacks-modal-header h4 {
		font-size: 1.5rem;
	}

	.open-feedbacks-button {
		margin-top: 4px;
	    font-size: 1.1rem;
	    padding-left: 2px;
	    padding-right: 2px;
	}
}