


/*settings*/
.settings-wrapper{min-height:100%; margin-bottom: -35px;}
.sett{color:#0084ff; font-size: 30px; margin-top:20px;}
.change{color:#878787;}
.section-header{color:#666666; margin-bottom:15px; font-weight: bold}
.edit{color:#0084ff; float:right;}
.gray{color:#939393;}
.settings .company-logo > div{position:relative; border: 1px solid #cccccc}
.ac-title{margin-bottom: 30px;}

.company-logo .edit{position:absolute;  top:5px; right:10px;}
.settings>.container{margin-bottom:30px;}
.settings .settings-section{margin-top:25px; padding:20px; background-color: rgb(240,240,240);border-radius: 2px;
		position:relative;}
.settings {padding-top:20px}
.edit-settings {
	float: right;
}
.edit-settings:before {
	content: '\f040';
	font-family: fontAwesome;
	margin-right: 10px;
	font-size: 14px;
}
popup-form {width: 52%;  margin: auto; padding-bottom: 150px;}
.form-label{float:left;}
.small-input{width:150px;}
.account{ padding: 10px; color:#666666;} 
.account h2{margin-bottom: 30px; font-size:27px; color:#666666; }
.account .account-header{padding:10px; margin-bottom: 30px;}
.acc-info input{border-radius:5px; border: none;}

.acc-info .city-state-zip input[type='text']{max-width: 150px; margin-left:5px; margin-right:10px;}
.acc-info .city-state-zip input[type='text']:first-child{margin-left:0px;}
.account .company-logo{border-radius:5px; border: none; width:260px; min-height:100px; background-color:#FFF; position:relative;}
.account .company-logo a {position:absolute; top:0px; right: 5px;}
.account .container{max-width: 850px; margin: 0 auto;}

.link-div{
	color: #0084ff;
	cursor: pointer;
	text-decoration: none;
}
.help-text{
	font-size: 12px;
	font-style: italic;
}
.link-div:hover{
	text-decoration:none;
}
.edit_panel {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1050;
	background: white;
	overflow-y: scroll;
	display: none;
}

.edit_close {
	float: right;
	font-size: 21px;
	font-weight: bold;
	padding-right: 5%;
	padding-top: 5%;
}

.edit_panel_contents{
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 5%;
	
}
/*Global*/
input:focus{outline: 0; border:1px solid #0084ff!important;}
.popup-content{padding:10px; background-color:#eaeaea; min-height: calc(100% - 35px);}
.popup-footer{ background-color: #eaeaea;}


button.popup-close {background: rgba(0,0,0,0); border: none; color: #0084ff; font-size: 24px; font-family: verdana; font-weight: 300; float: right;}

.ptop{
	padding-top: 10px;
}
.blue-button{
	border: solid 1px #aaaaaa; border-radius: 8px; background-color: #0084ff; 
	padding: 5px; margin:5px; font-size: 20px; color: white; 
	transition: all 0.6s; outline:none;  min-width: 178px;
	padding-left:30px;padding-right:30px;
}
.blue-button:disabled{
	cursor: default;
	color: #a9a9a9;
	pointer-events: none;
}
.ac-button .blue-button {margin-top:50px; padding-left: 25px !important;}
.footer-logo{ padding-top:20px; background-color:#eaeaea;}

.slider-wrapper.zoomin-slider .cropit-image-zoom-input.custom{
	float: left;
    width: 34%;
    margin-left: 10px;
    padding: 0;
    height: 23px;
    -webkit-appearance: none;
    background: #eaeaea;
    border:none !important;
}
.slider-wrapper.zoomin-slider .icon.icon-image.large-image{
    float: left !important;
    margin-left: 10px;
}
 /*ac-info*/
.popup-form {width: 52%;  margin: auto; padding-bottom: 150px;}
.form-label{float:left;}
.small-input{width:150px;}
.account{ padding: 10px; color:#666666;} 
.account h2{margin-bottom: 30px; font-size:27px; color:#666666; }
.account .account-header{padding:10px; margin-bottom: 30px;}
.acc-info input{border-radius:5px; border: none;}

.acc-info .city-state-zip input[type='text']{max-width: 150px; margin-left:5px; margin-right:10px;}
.acc-info .city-state-zip input[type='text']:first-child{margin-left:0px;}
.account .company-logo{border-radius:5px; border: none; width:260px; min-height:100px; background-color:#FFF; position:relative;}
.account .company-logo a {position:absolute; top:0px; right: 5px;}
.account .container{max-width: 850px; margin: 0 auto;}

select {
	height:40px;
	margin-bottom: 10px;
	outline:none;
	border-radius: 4px;
	padding-left: 5px;
	background-color: white;
} 

.popup-content select {
	border: 0px none;
}
.popup-content textarea {
	border-radius: 5px;
	border: none;
	height:120px;
	width: 335px;
	padding:10px
}
.upload{
	cursor: pointer;
	color: #0084ff;
	text-decoration: none;
	font-size: 12px;
}
.slider-wrapper.upload-slider {   width: 280px;   margin-bottom: 10px;}
.slider-wrapper {   width: 280px;}
span.icon.icon-image.large-image {  margin-bottom: 10px;}
.password_tip {
	float:left;
	margin-top:210px;
	border:2px solid #d3d3d3; 
	background-color: #dcf0ff;
	border-radius: 8px; 
	padding:5px;
	width: 290px;
	position: relative;
}
.password_tip:after, .password_tip:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.password_tip:after {
	border-color: rgba(220,240,255,0);
	border-right-color: #dcf0ff;
	border-width: 20px;
	margin-top: -20px;
}

.password_tip:before{
	border-color: rgba(211,211,211,0);
	border-right-color: #d3d3d3;
	border-width: 22px;
	margin-top: -22px;
}
.cropit-image-preview {
  background-size: cover;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-top: 7px;
  cursor: move;
}

.cropit-image-background {
  opacity: .2;
  cursor: auto;
}

.image-size-label {
  margin-top: 10px;
}

.big-icon {
	background-image: url('/img/big.png');
	background-repeat: no-repeat;
	background-position: right;
	height: 30px;
	width: 30px;
}
.small-icon{
	background-image: url('/img/small.png');
	background-repeat: no-repeat;
	background-position:left;
	height: 30px;
	width: 30px;
}
.slider-wrapper.zoomin-slider{
	display: inline-block !important;
    width: 100%;
    margin-top: 10px;
}
.slider-wrapper.zoomin-slider .icon.icon-image.small-image{
	float: left;
}
.error-alert:before{
	content: "\f071";
    font-family: fontAwesome;
    font-size: 16px;
    padding-left: 5px;
    background-color: #d00020;
    color: white;
    margin-right:10px;
    margin-left: 2px;
    position: absolute;
    top: calc((100% - 22px)/2);
}
.error-alert{
	border: 1px solid #d00020;
	background-color: #d00020;
}
.error_message 
{
	font-size: 16px;
    color: white;
    background-color: #d00020;
    padding: 4px;
    border-radius: 5px;
    text-align: center;
    margin: 5px;
	display: none;
	
}

.carousal_error_message 
{
	font-size: 16px;
    color: white;
    background-color: #d00020;
    padding: 4px;
    border-radius: 5px;
    text-align: center;
    margin: 5px;
    margin-bottom: 10px;
	display: none;
}
.error_message_open{
	font-size: 16px;
    color: white;
    background-color: #d00020;
    padding: 4px;
    border-radius: 5px;
    text-align: center;
    margin: 5px;
}
.pw-expire-error_message_open{
	font-size: 16px;
    color:#F31504;
    background-color:#FCDFDF;
    padding: 17px;
    border-radius: 0px;
    text-align: left;
	width: 260px;
	font-weight: 400;
}
.settings-loading{
	display: none;
}
.settings-lock-icon{
	position:absolute;
	top:0px;
	left:0px;
	height: 50px;
	width: 50px;
}
.settings-lock-icon:before{
	content: '\f023';
	font-family: fontAwesome;
	position: absolute;
	left: 10px;
	top: 5px;
	font-size: 20px;
	color: white;
}
.auto-upgrade, .manual-upgrade {
	cursor: pointer;
}
.locked-settings {
	background-color: rgb(240, 240, 240);
}
.locked-settings:before{
	position:absolute;
	border-top: 30px solid #444;
	border-right: 30px solid transparent;
	border-left: 30px solid #444;
	border-bottom: 30px solid transparent;
	top: 0px;
	left: 0px;
	border-top-left-radius: 2px;
	content: '';
	height:0px; width: 0px;
	line-height:0px;
	opacity: 0.25;
}
.pw-success_message{
	font-size: 16px;
	color: #095A06;
	background-color: #C1E2B9;
	padding: 17px;
	border-radius: 0px;
	text-align: left;
	margin: 5px;
	font-weight: 400;
}