/**
 * Submit form
 * @since 1.0 */

.cspmsl_submit_form_container div.cspmsl_form{
	display:none;	
}

.cspmsl_submit_form_container form.cspmsl_form{
	display:none;	
}

.cspmsl_submit_btn_container {
	position: absolute;
	bottom:30px;
	left:10px;
	width: auto;
	height: auto;
	z-index: 200; 
	display:none;
}

div.cspmsl_submit_btn{ 
    position: relative;
    z-index: 9;
    padding: 10px 15px;
	font-size:14px !important;
    cursor: pointer;
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    -ms-transition: background .2s linear;
    -o-transition: background .2s linear;
    transition: background .2s linear;	
    /*background: rgba(0,134,237,.97);*/
	color:#fff;
}

div.cspmsl_submit_btn:hover{ 
    /*background: rgba(0,133,220,.97);*/
}

div.cspmsl_submit_btn img{
    line-height: 0 !important;
    width: 19px !important;
    margin: 0 !important;
}

/**
 * Form fields & labels */

.cspmsl_submit_form_container .tabs_content_container .cmb-th{
	width:25%;
	padding: 20px 0px;
}

.cspmsl_submit_form_container .tabs_content_container .cmb-td{
	width:75%;
}

.cspmsl_submit_form_container .cmb-th label{
	font-size:14px;
	font-weight:400;
}

.cspmsl_submit_form_container p.cmb2-metabox-description{
	color: #aaa;
    font-style: italic;
    display: block;
    font-size: 14px;
    font-weight: 200;
    margin: 0px;
	padding: 0px;
}

.cspmsl_submit_form_container .cmb2-wrap .cmb-row{
    margin: 0;
    border-top: 1px solid #ededed;
	border-bottom: 0px;
}

.cspmsl_submit_form_container .cmb2-wrap .cmb-row:first-of-type{
	border-top:0px;	
}


.cspmsl_submit_form_container .cmb2-wrap.form-table{
	margin-bottom:20px;
}

.cspmsl_submit_form_container input[type=button],
.cspmsl_submit_form_container input[type=submit],
.cspmsl_submit_form_container .cmb-multicheck-toggle,
input.cs_recaptcha_validate[type=button]{
	font-size: 14px;
    font-weight: 200;
    text-transform: none;
    padding: 5px 15px;
	margin-left:0 !important;
	margin-bottom:10px;
	background: rgba(0,134,237,.97);
	color:#fff;
	-webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    -ms-transition: background .2s linear;
    -o-transition: background .2s linear;
    transition: background .2s linear;
	box-shadow:rgba(0,0,0,.298039) 0 1px 4px -1px, inset 0 -1px 0 0 rgba(0,0,0,.24);
	border-radius:2px;
	cursor:pointer;
}

.cspmsl_submit_form_container .cmb-multicheck-toggle{
	background: #fbfbfb;
    color: #202020;
	float:right;
	margin-top: 0px;
}

.cspmsl_submit_form_container input[type=button]:hover,
.cspmsl_submit_form_container input[type=submit]:hover,
input.cs_recaptcha_validate[type=button]:hover{
    background: rgba(0,133,220,.97);
}

input.cs_recaptcha_validate[type=button]:disabled,
input.cs_recaptcha_validate[type=button]:hover:disabled{
	background: #eee;
    color: #777;
	cursor:default;
}

.cspmsl_submit_form_container .cmb-multicheck-toggle:hover{
	background: #f1f1f1;
}

.cspmsl_submit_form_container .cmb2-wrap input[type=week], 
.cspmsl_submit_form_container .cmb2-wrap input[type=number], 
.cspmsl_submit_form_container .cmb2-wrap input[type=email], 
.cspmsl_submit_form_container .cmb2-wrap input[type=url], 
.cspmsl_submit_form_container .cmb2-wrap input[type=search],
.cspmsl_submit_form_container .cmb2-wrap input[type=tel], 
.cspmsl_submit_form_container .cmb2-wrap input[type=color], 
.cspmsl_submit_form_container .cmb2-wrap input[type=text], 
.cspmsl_submit_form_container .cmb2-wrap input[type=password], 
.cspmsl_submit_form_container .cmb2-wrap input[type=datetime], 
.cspmsl_submit_form_container .cmb2-wrap input[type=datetime-local], 
.cspmsl_submit_form_container .cmb2-wrap input[type=date], 
.cspmsl_submit_form_container .cmb2-wrap input[type=month], 
.cspmsl_submit_form_container .cmb2-wrap input[type=time], 
.cspmsl_submit_form_container .cmb2-wrap select,
.cspmsl_submit_form_container .cmb2-wrap textarea,
.cspmsl_submit_form_container ul.cmb2-list{
	background: #fafafa !important;	
	border-radius: 2px !important;	
	box-shadow:rgba(0,0,0,.298039) 0 1px 1px -1px, inset 0 -1px 0 0 rgba(0,0,0,.24) !important;
	border: 1px solid #f1f1f1 !important;
	-webkit-transition: all .3s ease !important;	
	-moz-transition: all .3s ease !important;	
	-ms-transition: all .3s ease !important;	
	-o-transition: all .3s ease !important;	
	transition: all .3s ease !important;	
	font-weight: 200 !important;	
	padding:10px 12px !important;
	width:95%;
	margin-bottom:10px;
}

.cspmsl_submit_form_container .cmb2-wrap input[type=week]:focus, 
.cspmsl_submit_form_container .cmb2-wrap input[type=number]:focus, 
.cspmsl_submit_form_container .cmb2-wrap input[type=email]:focus, 
.cspmsl_submit_form_container .cmb2-wrap input[type=url]:focus, 
.cspmsl_submit_form_container .cmb2-wrap input[type=search]:focus,
.cspmsl_submit_form_container .cmb2-wrap input[type=tel]:focus, 
.cspmsl_submit_form_container .cmb2-wrap input[type=color]:focus, 
.cspmsl_submit_form_container .cmb2-wrap input[type=text]:focus, 
.cspmsl_submit_form_container .cmb2-wrap input[type=password]:focus, 
.cspmsl_submit_form_container .cmb2-wrap input[type=datetime]:focus, 
.cspmsl_submit_form_container .cmb2-wrap input[type=datetime-local]:focus, 
.cspmsl_submit_form_container .cmb2-wrap input[type=date]:focus, 
.cspmsl_submit_form_container .cmb2-wrap input[type=month]:focus, 
.cspmsl_submit_form_container .cmb2-wrap input[type=time]:focus, 
.cspmsl_submit_form_container .cmb2-wrap select:focus,
.cspmsl_submit_form_container .cmb2-wrap textarea:focus{
	box-shadow:rgba(0,0,0,.298039) 0 1px 1px -1px, inset 0 -1px 0 0 rgba(0,0,0,.24) !important;	
	border-color:#f9f9f9 !important;
}

.cspmsl_submit_form_container ul.cmb2-list{
	max-height:116px;
	overflow:auto;
}

.cspmsl_submit_form_container ul.cmb2-list li{
	list-style:none;
}

/**
 * Honeypot field */

input#_cspm_form_ID{
	visibility:hidden !important;
}
.cspmsl_submit_form_container .cmb2-id--cspm-form-ID{
	height:0px !important;
	border: 0px !important;
}
 
/**
 * Submit buttons */

.cspmsl_submit_form_container input[type=submit][name^=cspmsl_submit_btn],
.cspmsl_submit_form_container input[type=button][name^=cspmsl_cancel_btn],
input.cs_recaptcha_validate[type=button]{
	position: fixed;
    top: 10px;
    z-index: 999;
	padding: 23px 20px;
    border-radius: 2px;
    box-shadow: none;
	font-size:14px;
	line-height:0;
	border:0px;
	width: auto;
	/*box-shadow:rgba(0,0,0,.298039) 0 1px 4px -1px, inset 0 -1px 0 0 rgba(0,0,0,.24);*/
}

.cspmsl_submit_form_container input[type=submit][name^=cspmsl_submit_btn],
input.cs_recaptcha_validate[type=button]{
    right: 205px;
}

.cspmsl_submit_form_container input[type=button][name^=cspmsl_cancel_btn]{
    right: 120px;
	background: #FE5E05;
}

	.cspmsl_submit_form_container input[type=button][name^=cspmsl_cancel_btn]:hover{
		background: #FF3902;	
	}
	
	@media screen and (max-width: 640px) {		
		.cspmsl_submit_form_container input[type=submit][name^=cspmsl_submit_btn],
		.cspmsl_submit_form_container input[type=button][name^=cspmsl_cancel_btn],
		input.cs_recaptcha_validate[type=button]{
			position:absolute;
		}
	}
	
	@media screen and (max-width: 400px) {	
		.cspmsl_submit_form_container.cspmsl_modal_form input[type=submit][name^=cspmsl_submit_btn],
		.cspmsl_submit_form_container.cspmsl_modal_form input.cs_recaptcha_validate[type=button]{
			left:10px;
			max-width: 42%;
			white-space: normal;
			line-height: 18px;
			padding: 5px;
			max-height: 46px;
		}		
	}

/**
 * Actions btns */

div.cspm_modal_actions_container{
	position: fixed;
    top: 0px;
    right: 0px;
    z-index: 999;
	background:#fafafa;
	width:100%;
	padding:10px;
}

	div.cspm_modal_actions_container div.cspmsl_close,
	div.cspm_modal_actions_container div.cspmsl_fullscreen{
		float:right;
		padding: 15px;
		line-height: 0px;		
		cursor: pointer;
		margin-left: 5px;
		border-radius:2px;
		background: #fff;
		-webkit-transition: all .3s ease !important;	
		-moz-transition: all .3s ease !important;	
		-ms-transition: all .3s ease !important;	
		-o-transition: all .3s ease !important;	
		transition: all .3s ease !important;		
		/*box-shadow:rgba(0,0,0,.298039) 0 1px 4px -1px, inset 0 -1px 0 0 rgba(0,0,0,.24);*/
	}
	
	div.cspm_modal_actions_container div.cspmsl_close:hover,
	div.cspm_modal_actions_container div.cspmsl_fullscreen:hover{
		background: #f1f1f1;
	}
	
	div.cspm_modal_actions_container div.cspmsl_close img,
	div.cspm_modal_actions_container div.cspmsl_fullscreen img{
		height:16px;
		margin:0;
		padding:0;		
		line-height:0;	
	}
	
	@media screen and (max-width: 640px) {
		div.cspm_modal_actions_container{
			width: 100% !important;
			position:relative !important;
		}
	}

/** 
 * Tabs */
 
.cmb-type-tabs > .cmb-td{
	padding:0;
}

.tabs-menu {
	height: 100%;
	float: left;
	clear: both;
	margin-bottom: 0px !important;
	width:20%;
	padding:10px !important;
	/*background: #008fed !important;*/
	position:fixed;
	z-index:999;
	top:0;
	box-sizing: border-box;
}

.tabs_content_container{
	float: right;
	width: 80% !important;
	padding: 20px 30px !important;
    background: #fff !important;
	margin-top:55px;
	/*min-height:400px;
	position:relative;
	top:65px;*/
}

.tabs-menu li {
	padding:10px 15px;
    list-style: none;
    background: none;
    border-bottom: 0px !important;
    cursor: pointer;
    margin: 0 0 5px 0 !important;
	border-radius:2px;	
}

.tabs-menu li:hover,
.tabs-menu li.current{
	/*background:#0084db !important;*/
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	/*-webkit-box-shadow: inset 2px 0px 0px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 2px 0px 0px 0px rgba(255,255,255,1);
	box-shadow: inset 2px 0px 0px 0px rgba(255,255,255,1);*/
}

.tabs-menu li a {
	padding: 5px 0px 5px 0;
	display:inline-block;
	font-size: 14px;
	text-decoration:none;
	position: relative;
	font-weight:400;
	color:#fff !important;
}

.tabs-menu li a:focus{
	box-shadow: none !important;
}

.cspm_tabs_menu_item{
	display: inline-block;
   	padding-left: 33px;
	color:#2a2a2a;
}

.cspm_tabs_menu_image{
	display:inline-block; 
	float:left; 
	position: absolute; 
	top: 50%; 
	margin-top: -10px;
}
	
.tab-content {
	display: none;
}
.tab-content:first-child {
	display: block;
}

@media screen and (max-width: 640px) {
	.tabs-menu{
		width: 100% !important;
		position:relative !important;
	}
	.tabs-menu li {
		/*width:40% !important;*/
		float:left !important;
		margin-right: 5px !important;
		margin-bottom: 0 !important;
	}
	.tabs_content_container{
		width:100% !important;
		margin-top:0px;
	}
}
		

/**
 * CMB2 */

ul.cmb2-list li label{
	display: inline-block !important;
}

/**
 * Gmaps Autocomplete */

.pac-container{
	z-index:99999 !important;
}

/**
 * reCaptcha */

.grecaptcha-badge{
	display:none;
}

/**
 * Inline form */
 
div.cspmsl_inline_form_container{
	padding:60px 30px 0 30px;
}

div.cspmsl_inline_form_container p.cmb2-metabox-description{
    margin-bottom: 10px;
}

div.cspmsl_inline_form_container .cmb2-metabox-title{
	margin-top: 15px;
}

div.cspmsl_inline_form_container .cmb-row .cmb-th{
	width: 30%;
	max-width: 30%;		
}

div.cspmsl_inline_form_container .cmb-row .cmb-td{
	width: 70%;
	max-width: 70%;	
}

@media screen and (max-width: 640px) {
	.cspmsl_submit_form_container .cmb-th{
		width: 100% !important;
		max-width: 100% !important;	
		float: none !important;
		padding-bottom:0px !important;
	}
	.cspmsl_submit_form_container .cmb-td{
		width: 100% !important;
		max-width: 100% !important;	
		float: none !important;
		padding-left:0px !important;
		padding-right:0px !important;
		padding-top:0px !important;
	}
}

/**
 * Input error msg */
 
div.cspmsl_input_error{
	color: red;
	color: red;
    font-weight: 400;
    font-style: italic;
    padding: 5px 0 0 0px;
}

/**
 * Embedded form */

.cspmsl_submit_form_container.cspmsl_embedded_form div.cspmsl_form{
	display:block;
}

.cspmsl_submit_form_container.cspmsl_embedded_form form.cspmsl_form{
	display:block;	
	position: relative;
    padding-bottom: 50px;		
}

.cspmsl_submit_form_container.cspmsl_embedded_form div.cspmsl_inline_form_container{
	padding:0;
	margin:30px 0;
}
 	
	/**
	 * Tabs */
	 
	.cspmsl_submit_form_container.cspmsl_embedded_form .tabs-menu {
		height: 100%;
		float: left;
		clear: both;
		margin-bottom: 0px !important;
		width:20%;
		padding:10px !important;
		/*background: #008fed !important;*/
		position:relative;
		border-radius: 2px;
    	overflow: hidden;
	}

	.cspmsl_submit_form_container.cspmsl_embedded_form .tabs_content_container{
		float: right;
		width: 74% !important;
		padding: 0 0 0 30px !important;
		background: transparent !important;
		margin-top:0px;
	}
	
		@media screen and (max-width: 640px) {
			.cspmsl_submit_form_container.cspmsl_embedded_form .tabs-menu{
				width: 100% !important;
				position:relative !important;
				float:none !important;
			}
			.cspmsl_submit_form_container.cspmsl_embedded_form .tabs_content_container{
				width:100% !important;
				float:none !important;
				padding:0 !important;
				margin-top:20px !important;
			}
		}
		
		/*@media screen and (min-width: 800px) {
			.cspmsl_submit_form_container.cspmsl_embedded_form .tabs-menu{
				width: 20% !important;
			}
			.cspmsl_submit_form_container.cspmsl_embedded_form .tabs_content_container{
				width:70% !important;
			}
		}*/
		
	/**
	 * Form fields & labels */
	
	.cspmsl_submit_form_container.cspmsl_embedded_form .tabs_content_container .cmb-th,
	.cspmsl_submit_form_container.cspmsl_embedded_form div.cspmsl_inline_form_container .cmb-row .cmb-th{
		width: 25%;
		max-width: 25%;	
	}
	
	.cspmsl_submit_form_container.cspmsl_embedded_form .tabs_content_container .cmb-td{
		width:70%;
	}
	
		@media screen and (max-width: 640px) {
			.cspmsl_submit_form_container.cspmsl_embedded_form .tabs_content_container .cmb-th,
			.cspmsl_submit_form_container.cspmsl_embedded_form div.cspmsl_inline_form_container .cmb-row .cmb-th{
				width: 100% !important;
				max-width: 100% !important;	
				float: none;
				padding-bottom:0px;
			}
			.cspmsl_submit_form_container.cspmsl_embedded_form .tabs_content_container .cmb-td{
				width: 100% !important;
				max-width: 100% !important;	
				float: none;
				padding-left:0px;
				padding-right:0px;
			}
		}
		
	/**
	 * Submit btn */
	
	.cspmsl_submit_form_container.cspmsl_embedded_form input[type=submit][name^=cspmsl_submit_btn],
	.cspmsl_submit_form_container.cspmsl_embedded_form input[type=button][name^=cspmsl_cancel_btn],
	.cspmsl_submit_form_container.cspmsl_embedded_form input.cs_recaptcha_validate[type=button]{
		position: absolute;
		right: 115px;
		padding: 23px 20px;
		box-shadow:rgba(0,0,0,.298039) 0 1px 4px -1px, inset 0 -1px 0 0 rgba(0,0,0,.24);
		border-radius:2px;
		top: unset;
		bottom: 0px !important;
		width: auto;
	}
	
	.cspmsl_submit_form_container.cspmsl_embedded_form input[type=button][name^=cspmsl_cancel_btn]{
		right: 30px;
		width: auto;
	}
		
		@media screen and (max-width: 640px) {		
			.cspmsl_submit_form_container.cspmsl_embedded_form input[type=submit][name^=cspmsl_submit_btn],
			.cspmsl_submit_form_container.cspmsl_embedded_form input[type=button][name^=cspmsl_cancel_btn],
			.cspmsl_submit_form_container.cspmsl_embedded_form input.cs_recaptcha_validate[type=button]{
				position:absolute;
				/*right: 0px;*/
			}
	
			.cspmsl_submit_form_container.cspmsl_embedded_form input[type=button][name^=cspmsl_cancel_btn]{
				right: 0px;
			}
			.cspmsl_submit_form_container.cspmsl_embedded_form input[type=submit][name^=cspmsl_submit_btn],
			.cspmsl_submit_form_container.cspmsl_embedded_form input.cs_recaptcha_validate[type=button]{
				right: 85px;
			}
				
		}

/**
 * Date fields
 * @since 1.4 */

.cspmsl_submit_form_container .cmb2-wrap input[type=text].cmb2-datepicker,
.cspmsl_submit_form_container .cmb2-wrap input[type=text].cmb2-timepicker, 
.cspmsl_submit_form_container .cmb2-wrap select.cmb2-select-timezone{
	width:100%;
	margin-left:0;
}
	
	@media screen and (max-width: 640px) {		
		.cspmsl_submit_form_container .cmb2-wrap input[type=text].cmb2-datepicker,
		.cspmsl_submit_form_container .cmb2-wrap input[type=text].cmb2-timepicker, 
		.cspmsl_submit_form_container .cmb2-wrap select.cmb2-select-timezone{
			width:100%;
			margin-left:0;
		}
	}
	
/**
 * Timepicker container 	
 * @since 1.4 */

.cmb2-element.ui-datepicker, .cmb2-element .ui-datepicker{
	border-radius: 2px !important;
	overflow: hidden;
}
	
/**
 * Colorpicker
 * @since 1.4 */

.cspmsl_submit_form_container .cmb2-wrap .wp-picker-container .wp-color-result.button{
	height: 38px;
	border-radius: 4px !important;
}

.cspmsl_submit_form_container .cmb2-wrap .wp-color-result-text{
	padding: 8px 6px;
}

.cspmsl_submit_form_container .cmb2-wrap .wp-picker-container input[type="text"].wp-color-picker {
    width: 73px;
}

.cspmsl_submit_form_container .cmb2-wrap span.wp-picker-input-wrap input[type=button].wp-picker-clear{
	margin-left: 5px !important;
    background: #fe5e05;
}
