.mydata-container {
	 width: 100%;
}
 .mydata-container .info-container {
	 color: orange;
	 background-color: rgba(255, 152, 0, 0.1);
	 border: 1px solid orange;
	 padding: 10px;
}
 .mydata-container hr {
	 border: 0;
	 border-top: 1px solid rgba(0, 0, 0, 0.1);
}
 .mydata-container .mydata-group-personaldata table {
	 margin: 10px;
	 min-width: 200px;
	 font-size: 15px;
	 border-spacing: 0;
}
 .mydata-container .mydata-group-personaldata table tr td {
	 border-bottom: 1px solid rgba(45, 56, 66, 0.3);
	 display: table-cell;
	 padding: 0.5em 0.5em;
}
.mydata-container .mydata-group-personaldata table tr td:first-child {
	color: #555;
}
 .mydata-container .mydata-group-personaldata table tr:last-child td {
	 border-bottom: none;
}
 .mydata-container .mydata-group {
	 margin: 15px;
	 padding: 10px;
	 border-left: 2px solid #fe4b4b;
}
 .mydata-container .mydata-group h2 {
	 margin: 0;
	 padding: 0;
}
 .mydata-container .mydata-group .message {
	 border-width: 1px;
	 border-style: solid;
	 padding: 10px 10px;
	 display: flex;
	 flex-direction: row;
	 align-items: center;
	 align-content: center;
	 margin: 5px 0;
}
 .mydata-container .mydata-group .message .message-text {
	 margin-left: 5px;
}
 .mydata-container .mydata-group .warning {
	 border-color: #ff9800 !important;
	 background-color: rgba(255, 152, 0, 0.1) !important;
	 color: #ff9800 !important;
}
 .mydata-container .mydata-group .warning .message-icon {
	 color: #ff9800;
}
 .mydata-container .mydata-group .success {
	 border-color: #009149 !important;
	 background-color: #f2fbef !important;
	 color: #009149 !important;
}
.mydata-container .mydata-group .success .message-icon {
	color: #009149;
}
 .mydata-container .mydata-group .error {
	 border-color: #f00 !important;
	 background-color: #fbefef !important;
	 color: #f00 !important;
}
.mydata-container .mydata-group .error .message-icon {
	color: #f00;
}
 .mydata-container .mydata-group .mydata-save-button-disabled {
	 background-color: #999;
	 color: #efefef;
	 pointer-events: none;
	 cursor: default;
}
 .mydata-container .mydata-group .mydata-save-button-abled {
	 background-color: #009149;
	 color: #fff;
}
 .mydata-container .mydata-group .mydata-save-button-abled:hover {
	 cursor: pointer;
	 background-color: #384454;
}
 .mydata-container .mydata-group .message-container{
	 display: flex;
	 flex-direction: column;
	 align-items: flex-start;
	 justify-content: center;
 }
 .mydata-container .mydata-group .myData-buttongroup{
	 display: flex;
	 flex-direction: row;
	 padding-top: 10px;
 }
 .mydata-container .mydata-group .my-data-button {
	 display: flex;
	 flex-direction: row;
	 flex-wrap: nowrap;
	 align-content: center;
	 justify-content: center;
	 align-items: center;
	 padding: 12px;
}
 .mydata-container .mydata-group .my-data-button span {
	 display: block !important;
	 margin-left: 5px;
}
 .mydata-container .mydata-group .mydata-group-container {
	 flex-direction: column;
	 display: flex;
	 margin: 0 0 0 10px;
}
 .mydata-container .mydata-group .mydata-group-container .mydata-data-line {
	 /*line-height: 35px;*/
	 margin-bottom: 5px;
	 display: flex;
	 flex-direction: column;
}
.mydata-container .mydata-group .mydata-group-container .mydata-data-line .mydata-data-line-caption {
	color: #555;
	margin: 5px 0 2px 0;
}
 .mydata-container .mydata-group .mydata-group-container .mydata-data-line .mydata-data-line-data {
	 position: relative;
	 display: flex;
	 flex-direction: column;
}
 .mydata-container .mydata-group .mydata-group-container .mydata-data-line .mydata-data-line-data input {
	 width: 275px;
}
 .mydata-container .mydata-group .mydata-group-container .mydata-data-line .mydata-data-line-data .passwordRevealIcon {
	 position: absolute;
	 left: 280px;
	 margin-top: 5px;
	 padding: 5px 3px 5px 0;
	 font-size: 15px;
	 color: #bbb;
	 background-color: white;
}
 .mydata-container .mydata-group .mydata-group-container .mydata-data-line .mydata-data-line-data .passwordRevealIcon:hover {
	 color: #384454;
	 cursor: pointer;
}
 .mydata-container .mydata-group .mydata-group-container .mydata-data-line .mydata-data-line-data select {
	 border: 1px solid #efefef;
	 width: 275px;
}
 .mydata-container .mydata-group .mydata-group-container .mydata-data-line .mydata-data-line-data input[id="newpassword"] {
	 width: 275px;
	 float: left;
}
 .mydata-container .mydata-group .mydata-group-container .mydata-data-line .mydata-data-line-data input[id="newpassword"]:focus ~ .password-rules {
	 display: flex;
}
 .mydata-container .mydata-group .mydata-group-container .mydata-data-line .mydata-data-line-data input[id="newpasswordVerify"] {
	 width: 275px;
	 float: left;
}
 .mydata-container .mydata-group .mydata-group-container .mydata-data-line .mydata-data-line-data i.validation-failed {
	 color: #f00;
	 font-size: 18px;
	 clear: both;
	 float: left;
}
 .mydata-container .mydata-group .mydata-group-container .mydata-data-line .mydata-data-line-data i.validation-successfull {
	 color: #009149;
	 font-size: 18px;
	 clear: both;
	 float: left;
}
 .mydata-container .mydata-group .mydata-group-container .mydata-data-line .mydata-data-line-data i.password-validation-icon {
	 cursor: default;
	 margin-left: 36px;
	 margin-top: 8px;
	 position: absolute;
	 left: 273px;
}
 .mydata-container .mydata-group .mydata-group-container .mydata-data-line .mydata-data-line-data .password-rules {
	 background: #eee;
	 display: none;
	 flex-direction: column;
	 padding: 5px 10px 10px 10px;
	 transition: visibility 0s, opacity 0.5s linear;
	 position: absolute;
	 left: 345px;
	 top: -50px;
	 z-index: 999;
}
 .mydata-container .mydata-group .mydata-group-container .mydata-data-line .mydata-data-line-data .password-rules #password-rules-header {
	 color: #666;
	 line-height: 30px;
	 font-weight: bolder;
}
 .mydata-container .mydata-group .mydata-group-container .mydata-data-line .mydata-data-line-data .password-rules .password-rule {
	 margin-top: 3px;
	 display: flex;
	 flex-direction: row;
}
 .mydata-container .mydata-group .mydata-group-container .mydata-data-line .mydata-data-line-data .password-rules .password-rule .password-rule-text {
	 line-height: 18px;
	 margin-left: 5px;
	 color: #333;
	 display: block;
	 height: 18px;
	 float: left;
}
 .mydata-container .mydata-group .mydata-group-container .mydata-data-line .mydata-data-line-data .password-rules::after {
	 content: " ";
	 position: absolute;
	 top: 55px;
	 right: 100%;
	 margin-top: -5px;
	 border-width: 15px;
	 border-style: solid;
	 border-color: transparent #ccc transparent transparent;
}