:root { 
	--border-radius: 8px;
	--box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 12px; 
	
	/* Var colors */
	--wdc_blue: #007AB3;
	--wdc_blue__hover: #003852;
	--wdc_purple: #AF558D;
	--wdc_orange: #D18100;
	--wdc_lightgreen: #849717;
	--wdc_green: #4A8221;
	--wdc_focusyellow: #FD0;
	--mw_background: #FBFBFB;

	/* Var sizes */
	--mw_maxwidth: clamp(960px, 80%, 1800px);

}



/* Set the background color on iframes */
html._AF, html._AF body {
	background-color: var(--mw_background);
}

/* Set background color on All Services screen */
body {
	background-color: var(--mw_background);
}

.loading {
	max-width: 1100px;
	margin: 0 auto;
}

/* Set width of All Services iframe */
#app-content {
	max-width: var(--mw_maxwidth);
	margin: 0 auto;
}

/* Set width of form iframe */
#form-instance-1 {
	max-width: 1100px;
	margin: 0 auto;
}

#fillform-frame-1 {
	margin: 50px 0px;
}

/* Set width of you've been logged out dialogue */
.container-form {
	max-width: var(--mw_maxwidth);
	padding: 50px 20px !important;
}

ul.services li {
    border-bottom: 1px solid #ddd;
    padding: 2px;
}

.service-groups a.fsservice-pretty-link:link {
    color:#4c4c4c !important;
}

.service-groups a.fsservice-pretty-link.active {
	background-color:rgb(89, 129, 72) !important;
	border-color:rgb(89, 129, 72) !important;
	color:#fff !important;
}
.service-groups a.fsservice-pretty-link:hover {
	background-color:rgb(89, 129, 72) !important;
	border-color:rgb(89, 129, 72) !important;
}
.input-group-btn:last-child>.btn {
	background-color:rgb(89, 129, 72) !important;
	border-color:rgb(89, 129, 72) !important;
	color:#fff !important;
}

.form-link-color {
	color: var(--wdc_blue);
}

.form-link-color:hover {
	color: var(--wdc_blue__hover);
}

.alert {	
	border-radius: 0 !important;	
	margin-bottom: 20px;	
	border: 1px solid transparent;
	line-height: 20px;
	background: #eaeaea;
	padding: 10px;
	color: #000;
	border-left: 6px solid #222022; 
}

.alert h3 {
	margin-top: 0.2em;
}

.alert-info {
	border-left: 6px solid #3ea2b3 !important; 
}

.alert-success {
	border-left: 6px solid #155724 !important; 
}

.alert-warning {
	border-left: 6px solid #856404 !important; 
}

.alert-danger {
	border-left: 6px solid #a94442 !important; 
}
/*
.cd-main-content 
{
padding: 0 0 0 0 !important;
}
*/

/* Login form sepcific override styles */
.login-form {
    max-width: 600px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: var(--box-shadow)
}

.login-form > .form-horizontal > .form-group {
    display: flex;
    flex-direction: column;
}

.login-form > .form-horizontal > .form-group > label.control-label {
    text-align: start;
    text-transform: lowercase;
    margin: 0 0 5px 0;
}

.login-form > .form-horizontal > .form-group > .col-sm-9 {
    width: 100% !important;
}

.login-form > .form-horizontal > .form-group > .col-sm-9 > input {
    padding: 20px 10px;
}

.login-btn-group {
    display: flex;
    flex-direction: column;
}

.login-btn-group > .btn-default {
    margin-top:10px;
    font-size: 1rem;
}

.login-btn-group > .btn-default:nth-child(1) {
    background-color: var(--wdc_blue);
    color: white;
    border: none;
}

.login-btn-group > .btn-default:nth-child(1):hover {
    background-color: var(--wdc_blue__hover);
}

.login-btn-group > .btn-default:nth-child(2) {
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 25px;
    padding: 0px !important;
    border: none !important;
    text-decoration: underline;	
    color: var(--wdc_green);	
    font-size: 0.9rem;
}

.login-btn-group > .btn-default:nth-child(2)::before {
    content: "Don't have an account?  ";
}

.login-btn-group > .btn-default:nth-child(2)::after {
    content: " now";
}

.login-btn-group > .btn-default:nth-child(2):hover {
    background-color: transparent;
    text-decoration-thickness: 3px;
    text-underline-offset: 1px;
}

.login-btn-group > .btn-default.pull-right {
    display: none;
}

a.resetLink {
    color: var(--wdc_green) !important;
    text-decoration: underline;
}

a.resetLink:hover {
    color: var(--wdc_green__hover) !important;
    text-decoration-thickness: 3px;
    text-underline-offset: 1px;    
}

/* Forgotten password specific styles */
#form_one {
    display: flex;
    justify-self: center;
    max-width: 1100px;
    padding: 20px;
}

#MyRequests {
    display: flex;
    
}

iframe#bindays {
    width: 100%;
    height: 100%;
}
.progress-bar-danger {
    background-color: #7c0400 !important;
}