input[type="text"],
textarea,
input[type="password"],
input:not([type]),
input[type="email"]
{
    padding: 7px 9px;
    color: #686868;
    font-size: 16px;
    box-shadow: none;
    outline: none;
    border: 1px solid #DBDEE0;
    margin: 0;
    max-width: 90%;
}

/* Prevent auto-zoom on phones */
 select:focus, textarea:focus, input:focus {
     font-size: 16px;
  }


input[type="text"].small, input[type="password"].small, textarea.small {
    font-size:.95em;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus, .ip-select select:focus {
    border: 1px solid #64BFE9;
    box-shadow: 0 0 3px #ABE4FF;
}

::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {
   font-size: default;
}


select{
    outline:none;
}

label {
    color: #505050;
    font-weight: 400;
}

::-webkit-input-placeholder {
    color: #bbb;
    font-weight:300;
    font-family: 'Source Sans Pro', "Helvetica Neue", Helvetica;
    letter-spacing:1px;
}
:-moz-placeholder {
    color: #bbb;
    font-weight:300;
    font-family: 'Source Sans Pro', "Helvetica Neue", Helvetica;
    letter-spacing:1px;
}
::-moz-placeholder {
    color: #bbb;
    font-weight:300;
    font-family: 'Source Sans Pro', "Helvetica Neue", Helvetica;
    letter-spacing:1px;
}
:-ms-input-placeholder {
    color: #bbb;
    font-weight:300;
    font-family: 'Source Sans Pro', "Helvetica Neue", Helvetica;
    letter-spacing:1px;
}


/** Form Elements **/

label { display: block; margin-bottom: 2px; font-weight: 300;}
input[type=radio]:not(.display_none) + label, input[type=checkbox]:not(.display_none) + label {
    display:inline;
    margin-left:5px;
}

li label { float:none; line-height: 100%; }

.form-table { width: 100%; }

.form ul { clear: both; list-style-type:none;}

.row, p { margin: 6px 0; font-size: 15px; font-weight: 300;}
.row.last { margin:0; }

img.audit-image-result {
    height: auto;
    max-width: 100%; 
}

.dark p { }

form .hint {
	margin: 0;
	padding: 0;
	color: #999;
	font-style: italic;
}

form div.error label,
form label.error,
form span.error {
	color: #C00;
}

form div.error input,
form div.error textarea,
form div.error select,
form input.error,
form textarea.error,
form select.error
{
	background: #FEE;
	border-color: #C00;
	border-width: 1px;
	border-style: solid;
}

form div.success input,
form div.success textarea,
form div.success select,
form input.success,
form textarea.success,
form select.success {
	background: #DBEFC2;
	border-color: #AED880;
}

form .errorSummary {
	border: 1px solid #ECBFBF;
	padding: 7px 7px 12px 7px;
	margin: 0 0 0 0;
	background: #FEE;
	font-size: .95em;
	color: #B92727;
}

form .errorMessage {
	color: #B92727;
	font-size: 0.9em;
    display: inline-block;
}

form .errorSummary p {
	margin: 0;
	padding: 5px;
}

form .errorSummary ul {
	margin: 0;
	padding: 0 0 0 20px;
}

span.required { color: #c20000; vertical-align: top;}
.warning { color: #c20000; }

.smalllinks {
    font-size:13px;
    padding: 4px 0 8px;
}

form .inline {
    display:inline-block;
}

.form-table td { vertical-align:top; }

/** CUSTOM STUFF **/

p.error {display:none; padding:5px 0px; color:#FF3300; font-weight:bold;}
p#submit {text-align:right;}
p#success {display:none; font-size:16px; text-align:left; margin-bottom:20px; color:#00CC00; font-style:italic;}

.close {cursor:pointer; position:absolute; top:0px; right:5px; font-weight:bold;}

.info-box {display:block; border:1px solid #AFDBEE; background: url(/images/mini-icons/info.png) no-repeat scroll 8px 55% #E4F5FD; padding:10px 10px 10px 35px; margin:0; color:#1f6b8f; font-size:13px; position:relative;}
.info-box a {color:#2A80A7; border-bottom:#2A80A7 1px solid;}
.info-box a:hover {color:#2A80A7; border-bottom:none !important;}

.warning-box {display:block; border:1px solid #efdc75; background: url(/images/mini-icons/warning.png) no-repeat scroll 8px 55% #fff7cb; padding:10px 10px 10px 35px; margin:0; color:#4e2a00; font-size:13px; position:relative;}
.warning-box a {color:#4e2a00; border-bottom:#3d2100 1px solid;}
.warning-box a:hover {color:#4e2a00; border-bottom:none !important;}

.success-box {display:block; border:1px solid #b3dc7c; background: url(/images/mini-icons/success.png) no-repeat scroll 8px 55% #e8ffca; padding:10px 10px 10px 35px; margin:0; color:#527A19; font-size:13px; position:relative;}
.success-box a {color:#527A19; border-bottom:#527A19 1px solid;}
.success-box a:hover {color:#527A19; border-bottom:none !important;}

.error-box {display:block; border:1px solid #ebb1b1; background: url(/images/mini-icons/error.png) no-repeat scroll 8px 55% #ffd6d6; padding:10px 10px 10px 35px; margin:0; color:#9d2121; font-size:13px; position:relative;}
.error-box a {color:#9d2121; border-bottom:#9d2121 1px solid;}
.error-box a:hover {color:#9d2121; border-bottom:none !important;}

.info-box, .warning-box, .success-box, .error-box {margin: 5px 30px 0px;   clear: both;}

.flash-error, .flash-notice, .flash-success {
    padding:.8em;
    border:2px solid #ddd;
    margin: 10px;
}

.flash-error, .module .flash-error {
    background:#FBE3E4 !important;
    color:#8a1f11 !important;
    border-color:#FBC2C4 !important;
    margin: 20px;
    padding: 2px 10px;
}

.content .flash-error {
    margin:0px 10px;
    cursor: default;
}

.flash-notice {
    background:#FFF6BF;
    color:#514721;
    border-color:#FFD324;
    margin: 10px;
}

.flash-success {
    background:#E6EFC2;
    color:#264409;
    border-color:#C6D880;
    margin: 10px;
}

.flash-error a { color:#8a1f11; }
.flash-notice a { color:#514721; }
.flash-success a { color:#264409; }
.flash-message a { color:#477EAD; text-decoration: underline; }

.flash-message {
    font-size: 14px;

    min-height: 52px;
    padding-left: 24px;
    padding-right: 150px;
    padding-top: 16px;
    padding-bottom: 16px;

    max-width: 1200px;

    position: fixed;
    bottom: 24px;
    right: 24px;
    left: 64px;
    margin: auto;

    z-index: 1;

    background-color: white;
    border-radius: 4px;
    color: rgba(0, 0, 0, .87);
    box-shadow: 0px 8px 10px rgba(0, 0, 0, .14),
                0px 3px 14px rgba(0, 0, 0, .12),
                0px 4px 5px rgba(0, 0, 0, .20);
}

.flash-accept {
    color: #1678C2;
    position: absolute;
    cursor: pointer;
    height: 20px;
    right: 16px;
    bottom: 16px;
}

.info {
    font-size: 12px;
}