.cspmas_form_widget{
	margin:0 !important;
	padding:0 !important;
	border:0px solid;
}

.clear-both{
	clear:both !important;	
}

.cspmas_input_container.cspmas_scrollbar,
.cspmas_field_container{
	height: 100%;
	width: 100%;
}

/**
 * Fields label & description */
 
label.cspmas_label_text{
    font-size: 15px;
    font-weight: 400;
    padding: 5px 0;
    display: inline-block;
}

.cspmas_field_info{
	margin-left: 10px;
	font-size: 12px;
	font-weight: 600;
	color: #4c4c4c;
    cursor: pointer;
    padding: 0 5px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 1px 1px 0px 0px #e4e4e4;
}

.cspmas_field_desc{
	display:none;
	font-size:15px;
}

/**
 * The style of all inputs that are like text field */

.cspmas_type_text_like{
	border-radius: 2px !important;	
	box-shadow: rgba(0,0,0,.298039) 0 1px 4px -1px, inset 0 -1px 0 0 rgba(0,0,0,.24) !important;	
	border: 0px solid #f1f1f1 !important;
	width: 100%;
	font-size: 15px;
}

/**
 * Input symbol (prefix & suffix) */

.cspmas_input{
	position: relative;
}

.cspmas_input .cspmas_input_symbol_after,
.cspmas_input .cspmas_input_symbol_before{
	position: absolute;
	display: inline-block; 
	font-size: 15px;
}

.cspmas_input .cspmas_input_symbol_before{
	left: 10px; 
}

.cspmas_input .cspmas_input_symbol_after{
	right: 10px; 
}

/**
 * Min & Max input */

.cspmas_input .cspmas_min_max_container{
	position: relative;
	width: calc((100% / 2) - 20px);
	float: left;	
	display: inline-block;
}

.cspmas_min_max_to{
	float: left;
	width: 40px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;	
}

/**
 * Input spinner */

.cspmas_number_field{
	height: 100%;
    display: inline-block;
    width: 100%;
	position: relative;
}

.cspmas_spinner_input{
	position: relative;
    width: calc(100% - 80px);
}

.cspmas_spinner_input input[type=text]{
	width: 100%;
}

.cspmas_spinner_btns_container{
	width: 70px;
	border-radius: 2px;
	overflow: hidden;
	position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    box-shadow: 2px 2px 0px 0px rgba(196,196,196,0.39) !important;	
}
		
.cspmas_spinner_btn{
	color:#fff !important;
   	width: calc(100% / 2) !important;
    float: left !important;
    border-radius: 0 !important;
    height: 50% !important;
	font-size:10px !important;
	font-weight:400 !important;
	padding: 5% !important;
	line-height: none !important;
	cursor:pointer !important;
	text-align: center !important;
	-webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    -ms-transition: background .2s linear;
    -o-transition: background .2s linear;
    transition: background .2s linear;	
	display: inline-block;		
}

.cspmas_spinner_btn:hover{
	color:#fff !important;
}

.cspmas_spinner_btn.down{
	box-shadow: 0px 0px 0px 1px rgba(196,196,196,0.39) !important;
}

.cspmas_reset_spinner.cspmas_spinner_btn{
	width: 100% !important;
	height:50% !important;
	font-weight:normal !important;	
	box-shadow: 0px 0px 0px 1px rgba(196,196,196,0.39) !important;
}

div.cspmas_input div.cspmas_reset_spinner{
	text-align:center;
}

div.cspmas_input div.cspmas_reset_spinner a{
	color: #202020;
	font-size: 12px;
	font-weight: 200;
	text-shadow: 0 1px 0 #fff;
	cursor:pointer;
}

/**
 * Selectize Custom CSS */
 
.selectize-control.single .selectize-input,
.selectize-control.multi .selectize-input{
	box-shadow: rgba(0,0,0,.298039) 0 1px 4px -1px, inset 0 -1px 0 0 rgba(0,0,0,.24) !important;	
	background-color: rgba(255, 255, 255, 0.97) !important;
	background-image: none !important;
	padding: 11px 8px !important;
    margin-top: -1px !important;
	border:0 !important;
	border-radius: 2px !important;	
}

.selectize-control.multi .selectize-input.has-items{
	padding: 8px 8px 6px 8px !important;
    margin-top: -1px !important;
	max-height: 65px;
    overflow: auto;	
}

.selectize-control.multi .selectize-input [data-value],
.selectize-control.multi .selectize-input [data-value].active{
	padding: 2px 6px;
	border-radius: 2px !important;
	background-image: none !important;
	background-color: #008fed;
	border-radius: 2px !important;
	border:0px !important;
	margin: 0 3px 3px 0 !important;
	color: #fff !important;
}

.selectize-control.plugin-remove_button [data-value] .remove,
.selectize-control.plugin-remove_button [data-value].active .remove{
	border-left: 1px solid #006bb0;
}

.selectize-input{
	border:0px !important;
}

.selectize-dropdown,
.selectize-input, 
.selectize-control .selectize-input input{
	font-size:14px !important;	
}

.selectize-control.multi .selectize-input.has-items .item{
	font-size:12px !important;	
}

.selectize-dropdown{
	border:0px !important;
	border-radius: 0 0 2px 2px;	
}

.selectize-input.dropdown-active {
  -webkit-border-radius: 2px 2px 0 0 !important;	
  -moz-border-radius: 2px 2px 0 0 !important;	
  border-radius: 2px 2px 0 0 !important;	
}

/**
 * Customize range datepicker */
 
.date-picker-wrapper{
	box-shadow: rgba(0,0,0,.298039) 0 1px 4px -1px, inset 0 -1px 0 0 rgba(0,0,0,.24) !important;
	border-radius:2px !important;
	border:0px !important;
	background:#f9f9f9 !important;
	margin-top:5px !important;
}

.date-picker-wrapper .month-wrapper{
	border-radius:2px !important;
	border:0px !important;
}

@media (max-width: 768px) {
	
	.date-picker-wrapper .month-wrapper table{
		float:none !important;
	}
	.date-picker-wrapper .gap{
		display:none !important;
	}
	.date-picker-wrapper .month-wrapper{
		width:auto !important;
	}
	.date-picker-wrapper{
		width:200px !important;
	}
	
}

/**
 * Inline & Grid radio/checkbox */

div.cspmas_input.cspmas_type_inline_checkbox,
div.cspmas_input.cspmas_type_inline_radio{
	float:left;
	width: auto;
    margin-right: 15px;
}

div.cspmas_input.cspmas_type_grid_checkbox,
div.cspmas_input.cspmas_type_grid_radio{
	float: left;
	width: calc(100% / 2);
}

/**
 * Publish date datepicker */

.cspmas_datepicker_container.cspmas_date_range{
	float:left; 
	width:calc(50% - 10px);	
}

.cspmas_datepicker_container.cspmas_date_range:last-child {
    margin-left: 20px;
}

.cspmas_datepicker_container.cspmas_single_date{
	width: 100%;
}

/**
 * Buttons */

.cspmas_btn{
	padding:10px 20px;
	color:#fff;
	font-weight:400;
	text-align:center;
	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;	
	width: 100%;
    display: inline-block;		
}

.cspmas_btn:hover{
	color:#fff;
}

/**
 * Links */

.cspmas_link,
.cspmas_link:hover{
	text-decoration: underline;
	cursor: pointer;
}