#flow-form .field-wrapper select {
	width: 100%;
	height: 50px;
	padding: 0 6px;
	margin-top: 0px;
	background-image: url("../img/dropdown-arrow-grey.png");
}
#flow-form label.ex-id-label{text-transform:lowercase;}
#flow-form .field-wrapper  input[type=number]::-webkit-inner-spin-button, 
#flow-form .field-wrapper  input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

#flow-form pre,
#flow-form .pre {
	overflow-y: scroll;
	height: 100px;
}

#flow-form input.datepicker {
    padding: 0 12px;
}

#flow-form .pre.adv {
	height: 65px;
}

#flow-form pre a,
#flow-form .pre a {
	text-decoration: underline;
}
#flow-form .pre {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
    display: block;
    font-size: 15px;
    line-height: 1.42857;
    margin: 0 0 11px;
    padding: 10.5px;
    font-family: "cerapro-regular",sans-serif !important;
}
#flow-form .pre > strong {
    font-family: "cerapro-regular",sans-serif !important;
    font-weight: bold;
}

#flow-form .ez-checkbox {
	border: 1px solid;
}

#flow-form .multiselect-container .checkbox .ez-checkbox {
	margin-top:5px;
}

/** ERROR MSG **/
.error p.errorMsg{    
	display: block;
    float: left;
    width: 100%;
    margin-top: 4px;
    color: #F02936;
    font-size: 1em;
    line-height: 1.375em;
}

/** MULTISELECT FIELD **/

#flow-form .multiselect-container .error button{border: 1px solid #F02936 !important; border-radius: 8px;}
#flow-form .multiselect-container .error button.btn:before{border:0px;}
#flow-form .multiselect-container .error p.errorMsg{position: absolute;bottom:-25px;}
#flow-form .multiselect-container.error {margin-bottom:50px;}

#flow-form .multiselect-container {
	position: relative;
	/*padding-left: 15px;*/
	margin-bottom: 40px;
	padding-right: 15px;
}

#flow-form .multiselect-container ul {
	max-height: 300px;
    overflow: auto;
    position: absolute;
    width: 100%;
}

#flow-form .multiselect-container .btn-group, #flow-form .multiselect-container button
	{
	width: 100%;
	color: black;
	height: 40px;
	padding: 0 6px;
}

#flow-form .multiselect-container button {
	padding: 0px;
	border: none;
}

#flow-form .multiselect-container button.btn:before,
#flow-form .bootstrap-select button.btn:before {
	border-radius: 8px;
}

#flow-form .multiselect-container button.empty {
	font-family: "cerapro-regular",sans-serif !important; font-weight:normal; font-size:16px; text-transform: none;
}

#flow-form .multiselect-container .btn-group {
	padding: 0px;
}

#flow-form .multiselect-container span {
	padding: 0px 22px;
}

#flow-form .multiselect-container button, #flow-form .multiselect-container button:hover,
	#flow-form .multiselect-container .open button, #flow-form .multiselect-container .open button:hover
	{
	text-align: left;
}

#flow-form .multiselect-container label {
	line-height: 30px;
	font-family: "cerapro-regular",sans-serif !important;
	font-weight: normal;
	font-size: 1.1em;
	padding-left: 5px;
}

#flow-form .multiselect-container button span {
	position: relative;
	top: -2px;
}

.bootstrap-select.error button{border: 1px solid #F02936 !important; border-radius: 8px;}
.bootstrap-select.error button.btn:before{border:0px;}

.bootstrap-select.btn-group .dropdown-toggle .caret,
#flow-form .multiselect-container .caret {
	position: absolute;
	right: 20px;
	top: 16px;
	border: 0;
	height: 11px;
	width: 26px;
	padding: 0 6px;
	margin-top: 0px;
	background-image: url("../img/dropdown-arrow.png");
	background-repeat: no-repeat;
}

#flow-form .with-ajax-company .caret {
	top: 21px;
}

#flow-form .multiselect-container ul li label {
	font-size: 1.1em !important;
	padding-left: 10px !important;
}

#flow-form .multiselect-container ul li label input[type=checkbox] {
	border-style: solid;
	border-width: 1px;
	margin-right: 12px !important;
	position: relative !important;
	top: 2px;
}

#flow-form .multiselect-container .checkbox input {
	width: 18px;
	height: 18px;
	margin-top: 3px !important;
}

#flow-form .dropdown-menu {
	z-index: 1000;
	display: none;
	float: left;
	background-color: #ffffff;
}

#flow-form .bootstrap-select .dropdown-menu {
	position: relative;
}

#flow-form .bootstrap-select .status {
    font-size: 0.9em;
    color: #000;
}

#flow-form .open>.dropdown-menu {
	display: block;
}

#flow-form .dropdown-menu>.active>a, #flow-form .dropdown-menu>.active>a:hover,
	#flow-form .dropdown-menu>.active>a:focus {
	color: #000000;
	text-decoration: none;
	outline: 0;
	background-color: #00cccc;
}

/** UPLOAD FIELD **/
#flow-form .progress {
	height: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #f5f5f5;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

#flow-form .progress-bar {
	width: 0px;
}

#flow-form .progress-bar-success {
	background-color: #5cb85c;
	height: 100%;
}

#flow-form .file-uploader .info {
	margin: 10px 0px;
    display: block;
}

/**/

#flow-form .ez-checkbox.error {
	margin-bottom: 50px;
}
#flow-form .ez-checkbox.error .errorMsg {
	position: absolute; top:35px;white-space:nowrap;
}
#flow-form .form-checkbox-wrapper div:first-child {
	position: relative;
}
#flow-form .form-checkbox-wrapper div:first-child div {
	position: static;
}
#flow-form .radio .errorMsg{
	left: 0;
	top: 25px;
  	position: absolute;
  	white-space:nowrap;
}
#flow-form .form-checkbox-wrapper .radio.error {
	position: relative;
	padding-top: 60px;
}
#flow-form .datepicker td, #flow-form .datepicker th {
    border: medium none;
    border-radius: 4px;
    height: 30px;
    text-align: center;
    width: 40px;
}
#flow-form .datepicker table tr td.active, 
#flow-form .datepicker table tr td.active:hover, 
#flow-form .datepicker table tr td.active.disabled, 
#flow-form .datepicker table tr td.active.disabled:hover {
    background-color: #e10019 !important;
    background-image: none;
    font-size: 14px;
}
#flow-form .bootstrap-datetimepicker-widget table td.today::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 0.2) transparent #337ab7;
    border-image: none;
    border-style: solid;
    border-width: 0 0 7px 7px;
    bottom: 4px;
    content: "";
    display: inline-block;
    position: absolute;
    right: 4px;
}
#flow-form .combobox-container .input-group {
    width: 100%;
}
#flow-form .combobox-container .input-group .input-group-addon {
    display: none;
}
#flow-form .combobox-container .dropdown-menu {
	width: 100%;
}
#flow-form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}
#flow-form .bootstrap-select > .dropdown-toggle {
    border: 0 none;
    color: #2c2727;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    width: 100%;
    z-index: 1;
    font-family: "cerapro-regular",sans-serif !important;
    font-size: 16px;
    text-transform: none;
}
#flow-form .field-wrapper.noBottomLine:before{
	height: 0px;
}
#flow-form .bootstrap-select.dropup > .dropdown-toggle {
	font-size: 1em;
	font-family: "cerapro-regular",sans-serif !important;
}
#flow-form .bootstrap-select input {
	line-height: 1.2em;
}
#flow-form .field-wrapper .error .btn {
	border: 1px solid #00cccc;
}

#flow-form .multiselect-container .checkbox input[type="checkbox"], 
#flow-form .multiselect-container .checkbox input[type="radio"] {
    opacity: 1;
    z-index: 1;
    display:none;
}

#flow-form .bootstrap-select.with-ajax-company > .dropdown-toggle {
    color: #000000;
    height: 50px;
    line-height: 50px;
    padding: 0 12px;
    width: 100%;
    z-index: 1;    
	font-family: "cerapro-regular",sans-serif !important;
	font-size: 1.3em;   
	border: 0px solid #999999; 
}
/*#flow-form .bootstrap-select.with-ajax-company > .dropdown-toggle .bs-caret{display:none;}*/
/*#flow-form .bootstrap-select.with-ajax-company .text-muted{display:none;}*/
#flow-form .bootstrap-select.with-ajax-company .dropdown-menu.open{max-height:250px!important;}
.file-uploader .btn-success:hover,
.file-uploader .btn-success:focus,
.file-uploader .btn-success {
    background-color: #00cccc;
    border-color: #00cccc;
}

#flow-form .files {
	margin-bottom: 30px;
   	margin-top: -10px;
	float: left;
	width: 100%;
}
#flow-form .files div p {
	margin: 0;
}
#flow-form .files div {
	position: relative; 
	float: left;
	width: 100%;
}
#flow-form .files div .btn {
	padding: 6px 12px;
	margin-left: 10px;
	display: none;
}
#flow-form .files div .fa {
	float: left;
	margin-top: 7px;
	color: #00cccc;
	margin-right: 5px;
	cursor: pointer;
}
#flow-form .files .text-danger {
	margin-left: 10px;
}

/* Alerts and feedbacks */
#flow-form .alert, #flow-form .feedback {
	margin: 20px 0px;
}

#flow-form .feedback {
    display:none; 
    float:left;
    width:100%; 
    min-height:50px;
    padding:12px;
    border:1px solid #00CCCC;
    background-color:#FFFFFF;
}
#flow-form .feedback p {
    display:block; float:left;
    width:auto;
    margin:0; padding:0;
    font-family: "cerapro-regular",sans-serif !important; font-weight:normal; font-size:1em; line-height:25px; 
}
#flow-form .feedback p, .feedback p a, .feedback i {
    color:#00CCCC;
}
#flow-form .feedback p a:hover {
    color:#000000;
}
#flow-form .feedback i {
    display:block; float:left;
    margin-right:20px;
    font-size:29px; line-height:25px;
}
#flow-form .field-wrapper.error input, .field-wrapper.error select, .field-wrapper.error textarea {
    /*border:1px solid #00CCCC;*/
}
#flow-form .feedback {
    display:block; 
}

#flow-form .form-checkbox-wrapper.col-lg-6 label {
    width: 80%;
}