.widget-col{
	float: left;
	width: 100%;
}

.widget-col-button{
	float: left;
	width: 100%;
}

.widget-col p{
	margin: 0px 0px 0px 0px!important;
	padding: 0px 0px 0px 0px!important;
	font-size: 13px;
	color: #333;
}

.widget-col-lg{
	width: 100%;
	float: left;
}

.widget-col-sm{
	float: left;
	width: 100%;
}

.widget-col-sm p{
	margin: 0px!important;
	padding: 0px!important;
	font-size: 13px;
	color: #333;
}

.widget-col-md{
	float: left;
	width: 25%;
}

.widget-col-md p{
	margin: 0px!important;
	padding: 0px!important;
	font-size: 13px;
}

.widget-col-inner{
	padding: 0px 5px 5px 5px;
}

.widget-select{
	width: 100%;
	margin: 4px 0px 0px 0px;
}

.widget-select select{
	width: 100%;
	color: #7f7f7f!important;
	font-size: 13px;
	border: none;
	border: 1px solid #BBBBBB;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	background-color: #fff;
	line-height: 35px;
	height: 35px;
	font-family: Arial, Helvetica, sans-serif;
	border-radius: 3px;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-clip: padding-box;
	 -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url('https://causewaycoastandglens.campmanager.com/Images/arrow2.png') #fff no-repeat right 3px;
	padding-right: 5px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	position: relative;
    background-color: #fff;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);	
}

.widget-select select:focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05), 0 0 4px rgba(102, 175, 233, 0.4);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05), 0 0 4px rgba(102, 175, 233, 0.4);
}


.widget-select-date-inner select{
	width: 100%;
	color: #7f7f7f!important;
	font-size: 13px;	
	border: 0px;
	line-height: normal;
	background-color: transparent;
	padding: 6px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none !important;
	background-clip: padding-box;
}

.widget-select-date{
	background-color: #fff;
	margin: 4px 0px 0px 0px;
	border: 1px solid #BBBBBB;
	border-radius: 3px;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position: relative;
	cursor: pointer;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.widget-select-date-inner{
	display: none;
}

#widget-date-text{
	font-size: 13px;
	color: #7f7f7f;
	line-height: normal;
	padding: 0px 10px 0px 10px;
	line-height: 33px;
	height: 33px;
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 0;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;	
	background-clip: padding-box;
	cursor: pointer;
}

.widget-date-text:focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05), 0 0 4px rgba(102, 175, 233, 0.4);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05), 0 0 4px rgba(102, 175, 233, 0.4);
}

.widget-select select option, .widget-select-date-inner select option{
   color: #555;
}

.widget-select select:not(:checked), .widget-select-date-inner select:not(:checked){
   color: #fff;
}

.widget-input{
	width: 100%;
}

.widget-input input{
	width: 100%;
	color: #7f7f7f;
	border: 0px;
	line-height: normal;
	background-color: #fff;
	padding: 0px 10px;
	margin: 4px 0px 0px 0px;
 	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #BBBBBB;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	border-radius: 3px;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	font-size: 13px;
	line-height: 35px;
	height: 35px;
	background-clip: padding-box;
}

.widget-input input:focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05), 0 0 4px rgba(102, 175, 233, 0.4);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05), 0 0 4px rgba(102, 175, 233, 0.4);
}

.button{
	font-weight: 400;
	background: #9F5071;
    font-size: 13px;
    padding: 0px 20px;
	height: 42px;
	line-height: 42px;
    text-decoration: none;
    color: #ffffff;
    cursor: pointer;
    outline: none;
    position: relative;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    z-index: 1;
    display: block;
    margin: 10px 0px 0px 0px;
	text-align: center;
	border-radius: 4px;
}

.button:hover{
	background-color: #B2738D;
}

@media screen and (max-width: 1100px)
{
	.widget-col{
		width: 25%;
	}
	.widget-col-sm{
		width: 25%;
	}
	.widget-col-button{
		width: 25%;
	}
	.button{
		margin-top: 24px;
	}
	.widget-col-lg{
		width: 100%;
	}
}

@media screen and (max-width: 800px)
{
	.widget-col{
		width: 50%;
	}
	.widget-col-lg{
		width: 50%;
	}
	.widget-col-sm{
		width: 50%;
	}
	.widget-col-button{
		width: 100%;
	}
	.button{
		margin-top: 10px;
	}	
	.widget-col-lg{
		width: 100%;
	}
}

@media screen and (max-width: 500px)
{
	.widget-col{
		width: 100%;
	}
	.widget-col-lg{
		width: 100%;
	}
	.widget-col-sm{
		width: 100%;
	}
}