/*
Form Name: Black Box
Form URI: https://github.com/uxglow/gravity-forms/blob/master/black-box/1.0/black-box.css
Author: UX Glow
Author URI: http://uxglow.com/
Description: __desc__
Version: 1.0
Tags: Gravity Forms, Black Box
*/

.gform_wrapper *, .gform_wrapper *:after, .gform_wrapper *:before {
    box-sizing: border-box  !important;
}
.gform_wrapper {
    background-color: #24323c;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.19);
    color: #666;
    font-family: "Open Sans",sans-serif,Arial;
    margin: 5% auto;
    overflow: hidden;
    width: 450px;
}
.gform_wrapper form {
	float: left;
    padding: 40px 5%;
    width: 100%;	
}
.gform_wrapper ul li:after, .gform_wrapper ul li:before, .gform_wrapper ul.gform_fields {
	width: 100%;
	float: left;	
}

.gform_wrapper .gsection .gfield_label, 
.gform_wrapper h2.gsection_title, 
.gform_wrapper h3.gform_title {
	color: #fff;	
}
.gform_wrapper span.gform_description,
.gform_wrapper .description, 
.gform_wrapper .gfield_description, 
.gform_wrapper .gsection_description {
	color: #fff;	
}
.gform_wrapper form li, .gform_wrapper li > div span {
	float: left;
    width: 100%;
}
.gform_wrapper .ginput_complex.ginput_container {
	float: left;	
}

.gform_wrapper .ginput_complex .ginput_left input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="image"]):not([type="file"]), 
.gform_wrapper .ginput_complex .ginput_right input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="image"]):not([type="file"]), 
.gform_wrapper .ginput_complex .ginput_right select, .gform_wrapper .ginput_complex input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="image"]):not([type="file"]), 
.gform_wrapper .ginput_complex select,
.gform_wrapper input.large, 
.gform_wrapper input.medium, 
.gform_wrapper input.small, 
.gform_wrapper select.large, 
.gform_wrapper select.medium, 
.gform_wrapper select.small,
.gform_wrapper textarea  {
	background: #24323c none repeat scroll 0 0;
    border: 1px solid #a0b3b0;
    box-sizing: border-box;
    color: #ccc;
    height: 42px;
    margin: 0 0 6px;
    outline: medium none;
    padding: 8px 10px;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
}

.gform_wrapper .ginput_complex .ginput_left input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="image"]):not([type="file"]):focus, 
.gform_wrapper .ginput_complex .ginput_right input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="image"]):not([type="file"]):focus, 
.gform_wrapper .ginput_complex .ginput_right select, .gform_wrapper .ginput_complex input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="image"]):not([type="file"]):focus, 
.gform_wrapper .ginput_complex select:focus,
.gform_wrapper input.large:focus, 
.gform_wrapper input.medium:focus, 
.gform_wrapper input.small:focus, 
.gform_wrapper select.large:focus, 
.gform_wrapper select.medium:focus, 
.gform_wrapper select.small:focus,
.gform_wrapper textarea:focus {
	border: 1px solid #179b77;
    color: #fff;
}

.gform_wrapper .gform_footer input.button, 
.gform_wrapper .gform_footer input[type="submit"], 
.gform_wrapper .gform_page_footer input.button, 
.gform_wrapper .gform_page_footer input[type="submit"] {
    background: #1ab188 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    letter-spacing: 3px;
    padding: 10px 15px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
	width: 100%;
}
.gform_wrapper .gform_footer input.button:hover, 
.gform_wrapper .gform_footer input[type="submit"]:hover, 
.gform_wrapper .gform_page_footer input.button:hover, 
.gform_wrapper .gform_page_footer input[type="submit"] {
	background: #179b77;
    box-shadow: none;
}

body .gform_wrapper ul li.gfield {
    margin-top: 16px;
	margin-bottom: 6px;
    padding-top: 0;
}
.gform_wrapper label.gfield_label {
    font-size: 14px;
    font-weight: 700;
    padding: 0;
	color: #fff;
    width: 100%;
}
body .gform_wrapper .top_label div.ginput_container {
	margin-top: 4px;	
}
.gform_wrapper .gsection {
    border-bottom: 1px solid #fff;
    clear: both;
    margin: 28px 0;
    padding: 0 16px 8px 0;
}
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label,
.gform_wrapper .field_sublabel_below div.ginput_container[class*="gfield_time_"] label {
	color: #fff;
    font-size: 12px;
    font-weight: normal;
}

/* Custome Error*/
.gform_wrapper div.validation_error {
	background-color: #fff;
    border-bottom: 0;
    border-top: 0;
    clear: both;
    color: #790000;
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 0;
    padding: 12px 0;
    text-align: center;
    width: 100%;
}
.gform_wrapper li.gfield.gfield_error, 
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    border-bottom: none;
    border-top: none;
    box-sizing: border-box;
    margin-bottom: 0 !important;
	margin-top: 8px;
    padding-bottom: 0;
    padding-top: 0;	
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, 
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
	margin-top: 4px;
}

.gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, 
.gform_wrapper li.gfield_error ul.gfield_checkbox, 
.gform_wrapper li.gfield_error ul.gfield_radio {
    color: #fff;
}
.gform_wrapper .validation_message {
	color: #da7777;
}
.gform_wrapper .gfield_error .gfield_label {
    color: #fff;
}
.gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .gform_wrapper li.gfield_error textarea {
	background-color: #fff;
	color: #790000;	
}
.gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):focus, 
.gform_wrapper li.gfield_error textarea:focus {
	color: #333;
}