.renew-subcontainer-buttongroup-loader .v-progress-circular__overlay{stroke:#e30613;}
.renew-subcontainer-buttongroup-loader .v-progress-circular__underlay{stroke:#2d8d9a;}
#status-container #job-details #job-status #job-detail-data .job-detail-line-button {background-color: #e30613; color: #FFF;}
#status-container #job-details #job-status #job-detail-data .job-detail-line-button:hover {background-color: #2d8d9a; color: #FFF;}
.renew-container{  border-color: #e30613;}
.renew-container-title i:hover { color: #2d8d9a;}
.tfa-button-abled { color: #FFF; background-color: #e30613;}
.tfa-button-abled:hover { color: #FFF; background-color: #2d8d9a;}
#secure-container .secure-login .login-button{ background-color: #e30613;}
#secure-container .secure-login .login-button:hover{ background-color: #2d8d9a;}

@media screen and (max-width: 575px), screen and (max-height: 500px) {
	#login-container #logo-box img {
		height: auto !important;
		width: 100% !important;
	}
	body{
		background-image: none !important;
	}
}

#login-body, .maintenance-body{
	background-image: url("logo/login_background_image.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% 100%;
	.maintenance-body{
    background-color: #FFF;
}
.maintenance-body .refreshButton{
    background-color: #FFF;
    color: #e30613;
    border-color: #e30613;
}
.maintenance-body .refreshButton:hover{
    background-color: #2d8d9a;
    color: #FFF;
    border-color: #2d8d9a;
}
}
#main-layout{
	background-color: #eeeeee !important;
}


#error-information-container{
	border-color: #FF4B4B !important;
	color: #2D3842 !important;
}
#error-information-container a{
	background-color: #FF4B4B !important;
}
#tech-information-container{
	border-color: #FF4B4B !important;
	color: #2D3842 !important;
}
#main-layout{
	background-color: #a6a6a6 !important;
}

.view-document-header-icons:hover{
	color: #2d8d9a !important;
}

/* Login Footer */
#login-footer {
	background-color: #eeeeee !important;
}
#login-footer .login-footer-content .login-footer-content-element{
	color: #e30613 !important;
}
#login-footer .login-footer-content .login-footer-content-element:hover{
	color: #2d8d9a !important;
}
#login-footer .login-footer-content .vertical-line{
	border-left-color:#3984BE !important;
}

.dashboard-menu-item{
	background-color: #FFF !important;
	color:#000 !important;
	border: 1px solid #000;
}

.dashboard-menu-item:hover{
	background-color: #FFF !important;
	color:#2d8d9a !important;
	border-color: #2d8d9a;
}

#login-container{
	border-color: #e30613;
	background-color: rgba(255,255,255,0.9);
}

.password-forget:hover{
	color: #2d8d9a !important;
}

.selfservice-button-able{
	background-color: #e30613 !important;
}

.selfservice-button-able:hover{
	background-color: #2d8d9a !important;
}

#selfservice-container{
	border-color: #e30613 !important;
}
#initialchanges-container{
	border-color: #e30613 !important;
}
.password-data-save-button-able{
	background-color: #e30613 !important;
}

.password-data-save-button-able:hover{
	background-color: #2d8d9a !important;
}
.password-data-container-both-active{
	border-bottom-color: #0F2B4B !important;
}

#login-container #logo-box img {
	width: 100%;
    margin: 10px 0px 0px 0px;
}

#login-container .login-button-abled{
	background-color: #e30613 !important;
}

#login-container .login-button-abled:hover{
	background-color: #2d8d9a !important;
}

.login-mailto-problems{
	color: #e30613 !important;
}
.login-mailto-problems:hover{
	color: #2d8d9a !important;
}

.tfa-login-renew-pin{
	color: #e30613 !important;
}
.tfa-login-renew-pin:hover{
	color: #2d8d9a !important;
}

#loader{
	border-top-color: #e30613 !important;
}

#loader:before{
	border-top-color: #2d8d9a !important;
}

#loader:after{
	border-top-color: #a6a6a6 !important;
}

#main-layout #main-layout-menu{
	background-color: #a6a6a6 !important;
	/* border-top: 1px solid #0059b3; */
}

#main-layout #main-layout-content #headline{
	background-color: #a6a6a6 !important;
	/* border-bottom: 1px solid #0059b3; */
}

#main-layout #main-layout-content #headline #logo-box #product-logo{
	height: 56px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    background-color: #FFF;
    padding: 12px;
}
/*TODO*/
.process-container .process-container-headline{
	background-color: #e30613;
	border: 1px solid #e30613;
}

.leftmenu-item-active{
	color:#000 !important;
	border-left-color: #2d8d9a !important;
}

.leftmenu-item{
	border-left-color: #e30613;
	color: #000;
}

.leftmenu-item:hover{
	background-color: #2d8d9a;
	border-left-color: #2d8d9a;
	color: #000 !important;
}

/*TODO*/
.filter-box .filter-action #filter-result-refresh-button{
	background-color: #e30613;
}
.filter-box .filter-action #filter-result-refresh-button:hover{
	background-color: #2d8d9a;
}

.headline-userinfo-active{
	background-color: #2d8d9a !important;
	color:#fff !important;
}
.headline-userinfo-inactive{
	background-color: #a6a6a6 !important;
}
#headline-userinfo-photo{
	color:#fff !important;	
}

#headline-userinfo:hover{
	color: #fff !important;
	background-color: #2d8d9a !important;
}

#headline-userinfo:hover #headline-userinfo-photo{
	color: #fff !important;
}

#main-layout #main-layout-content #headline #headline-logout-button{
	background-color: #e30613 !important;
	border: 1px solid #e30613;
}

#main-layout #main-layout-content #headline #headline-logout-button:hover{
	background-color: #2d8d9a !important;
	border: 1px solid #2d8d9a;
}

.newform-next-button{
	background-color: #e30613 !important;
}

.newform-create-button{
	background-color: #e30613 !important;
}

.control-button{
	background-color: #e30613 !important;
}

.control-button:hover{
	background-color: #2d8d9a !important;
}

/* #save-button{ */
	/* background-color: #0059b3 !important; */
/* } */

/* #save-button:hover{ */
	/* background-color: #00bfff !important; */
/* } */

.disabled{
	background-color:#999 !important;
}

.abled{
	background-color: #e30613 !important;
}

.abled:hover{
	background-color: #2d8d9a !important;
}

.action-button.active{
	background-color: #e30613 !important;
}

.action-button.active:hover{
	background-color: #2d8d9a !important;
}

.login-button{
	background-color: #e30613 !important;
}

.login-button:hover{
	background-color: #2d8d9a !important;
}

#year-skipper i{
	background-color: #e30613 !important;
}

#year-skipper i:hover{
	background-color: #2d8d9a !important;
}

#view-container{
	background-color:#e30613 !important;
}

#secure-login{
	border-color: #e30613 !important;
}

.loader{
	border-top-color: #e30613 !important;
}

.loader:before{
	border-top-color: #2d8d9a !important;
}

.loader:after{
	border-top-color: #a6a6a6 !important;
}

.local-loader{
	border-top-color: #e30613 !important;
}

.local-loader:before{
	border-top-color: #2d8d9a !important;
}

.local-loader:after{
	border-top-color: #a6a6a6 !important;
}

.history-element .dashboard-history-timeline{
	background-color: #a6a6a6 !important;
}

.history-element .dashboard-history-timeline .dashboard-history-timeline-dot{
	background: #a6a6a6 !important;
}

.history-element .history-element-header{
	background-color: #a6a6a6 !important;
}

.history-element .history-element-header:after{
	border-right-color: #a6a6a6 !important;
}
.documents-table-row td i{
	color: #2d8d9a !important;
}

.documents-table-row td i:hover{
	color: #000 !important;
}

.documents-table-row:hover{
	background-color: rgba(166,166,166,0.5) !important
}

input[type='checkbox']:checked + label:before{
	background-color: #e30613 !important;
}


#job-info-notification-icon{
	background-color: #a6a6a6;
	color: #fff !important;
}

#job-info-notification-icon:hover{
	background-color: #2d8d9a !important;
}
.job-menu-active{
	color:#fff !important;
	background-color: #2d8d9a !important;
}
.job-menu-inactive{
	color:#fff  !important;
}

#job-info-notification-icon:hover #job-info-notification-text{
	color: #fff !important;
}
#job-info-notification-icon:hover i{
	color: #fff !important;
}


.setting-line a{
	color: #3984BE !important;
}

.setting-line a:hover{
	color: #0F2B4B !important;
}

#secure-container #secure-settings fieldset{
	border-color: #046A38 !important;
}

#dashboard-history-load-more{
	background-color: #FFF !important;
	color: #a6a6a6 !important;
}

#dashboard-history-load-more:hover{
	background-color: #FFF !important;
	color: #e30613 !important;
}

#history-status-reload-icon:hover{
	color: #e30613 !important;
}

#job-info-notification-list-container{
	border: 1px solid #a6a6a6 !important;
	border-top: none !important;
}

.readStatus-unread{
	border-left-color: #e30613 !important;
}

#headline-userinfo-usermenu{
	border: 1px solid #a6a6a6 !important;
	border-top: none !important;
}


#login-password-reveal-icon:hover{
	color: #2d8d9a !important;
}

.passwordRevealIcon:hover{
	color: #2d8d9a !important;
}
.settings-group,
.mydata-container .mydata-group {
	border-left-color: #2d8d9a !important;
}

.mydata-container .mydata-group .mydata-save-button-abled{
	background-color: #e30613 !important;
}

.mydata-container .mydata-group .mydata-save-button-abled:hover{
	background-color: #2d8d9a !important;
}

#job-detail-data .job-detail-line #job-detail-document-table{
	border: 1px solid #a6a6a6 !important;
	background-color: #ccc !important;
}
#job-detail-data {
	border: 1px solid #2d8d9a;
}

#job-detail-data .job-detail-line i:hover{
	color: #e30613 !important;
}

.password-rules{
	background: #ccc !important;
}
.password-rules::after{
    border-color: transparent #ccc transparent transparent !important;
}

.mailrules{
	background: #ccc !important;
}
.mailrules div::after{
    border-color: transparent #ccc transparent transparent !important;
}

.view-window-buttongroup .active {
	background-color: #e30613 !important;
}
.view-window-buttongroup .active:hover {
	background-color: #2d8d9a !important;
}
.document-view-timeout-progress-bar {
	background-color: #2d8d9a !important;
}

.tooltip:hover{
	color: #2d8d9a !important;
}
.logoutTimer{
	color: #000 !important;
}

.renew-container {border-color: #e30613;}
.renew-container-title i:hover {color: #2d8d9a;}
.tfa-button-abled {color: #FFF; background-color: #e30613;}
.tfa-button-abled:hover {color: #FFF; background-color: #2d8d9a;}

.language-box .help-link{ 
	color: #e30613 !important;
}
.language-box .help-link #help-icon{
	color: #e30613 !important;
}
.language-box .help-link:hover{ 
	color: #2d8d9a !important;
}
.language-box .help-link:hover #help-icon{
color: #2d8d9a !important;
}