@mixin htitle {
  font-weight:normal;
  border-bottom:3px solid #ccc;
  padding: 0 0 6px 6px;
}

@mixin clearfix {
	  &:after {
		  content: ".";
		  display: block;
		  clear: both;
		  height: 0;
		  visibility: hidden;
        }
}

#wpwrap{
	background:#fff;
}

#adminmenu, #adminmenu .wp-submenu, #adminmenuback, #adminmenuwrap {
    background-color: #222222;
	z-index:0;
}

#gmo-share-connection
{
	@include clearfix;

	width:930px;
	margin:10px 0 0 10px;

    $wpadmin-border-color: #e5e5e5;
    $wpadmin-background-color: #fafafa;
    $wpadmin-break-point: 782px;

    label
    {
        margin-right: 2em;
    }
	h3{
		@include htitle;
	}
	h4{
		font-size:14px;
		font-weight:normal;
		padding-left: 6px;
	}
	.form-table th{
		font-weight:normal;
		padding-left: 6px;
	}

    .gmo-share-connection-buttons-wrap
    {
        overflow: auto;
        width: 100%;

        .gmo-share-connection-button-wrap
        {
            overflow: auto;

            @media screen and (max-width: $wpadmin-break-point)
            {
                float: none;
                width: 100%;
            }

            .gmo-share-connection-button-inner
            {
                margin-right: 1em;
                margin-bottom: 1em;

                @media screen and (max-width: $wpadmin-break-point)
                {
                    margin: 0;
                }

                .gmo-share-connection-buttons
                {
                    background-color: #ffffff;
                    border: 1px splid $wpadmin-border-color;
                    border-radius: 5px;
                    padding: 10px;
                    overflow: auto;
                }
                .btn-preview
                {
                    height: 40px;
                    line-height: 40px;
                    overflow: auto;
                    border: 1px solid #dedede;
                    border-radius: 5px;
                    padding: 0 8px;
                    margin-right: 8px;
                    cursor: move;
                    width: 120px;
                    float: left;
                    position: relative;

                    img
                    {
                        display: block;
                        float: left;
                        width: 24px;
                        height: 24px;
                        margin: 8px 5px 8px 0;
                    }

                    .close
                    {
                        position: absolute;
                        top: -8px;
                        right: 4px;
                        display: none;
                        text-decoration: none;
                    }
                }
                #btn-active .close
                {
                    display: block;
                }
            }
        }
    }
}