.soContainer{
	overflow:hidden;
}

.soContainer p {
    padding: 0!important;
    margin-top: 0!important;
    margin-bottom: 10px!important;
}

.soContainer iframe.align-left{
	float: left;  
	margin: 0px 0px 0px 0px;
}
.soContainer iframe.align-center{
	margin: 0 auto; 
	display: block;
}
.soContainer iframe.align-right{
	float: right;  
	margin: 0px 0px 0px 0px;
}

.soContainer .notice {
    margin: 5px 0;
}
.soContainer .notice p{
    font-size: 13px;
    color: #444;
    margin-top: 10px!important;
}

.squareoffs-single-small{
	width:300px!important;
}
.squareoffs-single-medium{
	width:300px!important;
}
.squareoffs-single-wide{
	width:100%!important;
}

.soClickHandle{
	position: absolute;
	top:0;
	width: 100%;
	height: 100%;
}

.squareOffsLogo{
    width: 120px;
    margin: 0 auto;
    margin-bottom: 15px;
}

.soContainer h2{
    font-size: 20px!important;
    text-align: center;
}

.soContainer h3{
    font-size: 16px!important;
    text-align: center;
    margin: 0!important;
}

.soContainer button{
	margin: 5px;
}

.components-placeholder.soCont0, .components-placeholder.soCont10{
	align-items: center!important;
}

.soStep5 p{
    margin-top: 20px;
    width: 100%;
    text-align: center;
}
.soStep10 button{
	padding:0 17px;
}

.soStep10{
    display: flex;
    align-items: center;
    flex-direction: column;
}

.soStep:not(.soStep0) {
	width: 100%;
}

.soStep input, .soStep textarea{
	width: 100%;
    border-color: #404854;
}

.soStep0{
    margin: 0 auto;
}

.socenterme{
    width: auto!important;
    margin: 0 auto;   
}
.btnControls{
    width: 100%;
    display: flex;
    align-items: flex-end;
    flex-direction: row-reverse;
}

.soContainer select{
    width: 100%;
    max-width: 100%;
    border-color: #404854;
}

.soContainer .ant-picker{
    width: 100%;
    font-size: inherit;
    border-color: #404854;
}

.soContainer .ant-picker .ant-picker-input input{
    font-size: inherit;
}

.soStep label{
	width: 100%;
	display: block;
    font-size: 14px;
}

.soPhoto{
	width:255px;
    position: relative;
}

.soPhoto i{
    width: 20px;
    height: 20px;
    border-radius: 20px;
    display: block;
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: red;
    color: #fff;
    line-height: 20px;
    font-size: 11px;
    text-align: center;
    font-family: sans-serif;
    cursor: pointer;
    font-style: normal;
}

.soCoverPhoto{
    width:100%;
    background-color: rgba(0,0,0,.05);
    overflow: hidden;
    border: 1px dashed rgba(0, 0, 0, 0.15);
    position: relative;
}

.soCoverPhoto img{
    width: 100%;
}

.soCoverPhoto::before, .soCoverPhoto::after{
    text-align: center;
    width: 100%;
    font-size: 38px;
    color: rgba(0,0,0,.2);
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 0;
}
.soCoverPhoto::before{
    content: "16:9";
    margin-top: -20px;
}

.soCoverPhoto::after{
    content: "Add a photo";
    margin-top: 15px;
}
.soContainer{
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
}

.soContainer h2::before{display: none!important;}

.soContainer .components-datetime__time-field.components-datetime__time-field-time{
	flex-direction: row;
    display: flex;
}

.soContainer .DateTimePicker{
	padding: 15px;
    background-color: #fff;
}

.soContainer fieldset{
	padding: 0!important;
    border: none!important;
}

.soRadioSizes{
    display: flex;
}
.soRadioSizes input{
    width: auto!important;
}

.soRadioSizes > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px;
}

.soRadioSizes i{
    width: 171px;
    height: 148px;
    margin-bottom: 10px;
}
.soRadioSizes i.small{
    background: transparent url(../images/small.jpg);
}
.soRadioSizes i.medium{
    background: transparent url(../images/medium.jpg);
}
.soRadioSizes i.wide{
    background: transparent url(../images/wide.jpg);
}

.soRadioSizesInst{
    font-size: 14px;
    font-weight: normal!important;
    display: block;
    font-style: normal;
    padding: 15px;
}

.soContainer .required{
    border: 1px solid red;
}

.soContainer .components-placeholder{
    background-color: #fff!important;
}
.soContainer .components-button a{text-decoration: none;}

.connectionError{
    font-size: 14px!important;
    color: red;
}
.connectionSuccess{
    font-size: 14px!important;
    color: green;
}

.connectionform label{
    display: inline-block;
    width: 150px;
    padding-left: 5px;
}

.connectionform p:not(.notif){
    display: inline-block;
    width: calc(100% - 150px);
}

.soInputText{
    border:1px solid #000;
    border-radius: 3px;
    text-align: right;
    font-weight: bold;
    color: #d2d2d2;
    padding: 0 5px;
    margin-bottom: 15px;
    display: block;
}
.soInputText textarea, .soInputText input{
    border: none!important;
    color: #000;
    font-weight: normal;
    font-size: 20px;
    outline: none!important;
    box-shadow: none!important;
}

.soInputText span{
    color: #fff;
}

.soInputText textarea:focus + span , .soInputText input:focus + span{
    color: #d2d2d2;
}