/****************** BESPOKE CSS FOR HASTINGS BOROUGH COUNCIL ***************/

.container3SC {
    padding-bottom: 80px;
}


.container3SC h1, .container3SC legend, .container3SC .NavBarTableCell, .container3SC .NavBarLink, .container3SC h2 {
	color: #333333;
}

/* style input and links as buttons */

.container3SC .button3sc,
.container3SC input.button3sc,
.container3SC a.button3sc,
.container3SC .smallButton3sc,
.container3SC input.smallButton3sc,
.container3SC a.smallButton3sc,
.container3SC #uploadBtn {
    float: left;

    background-color: #00a651;
    border: 1px solid #00a651;
    color: #ffffff;

    transition: all .4s;
}

.button3sc {
    min-width: 135px;
}

.button3sc,
input.button3sc,
a.button3sc {
    padding: .5em 2em .55em;
    cursor: pointer;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'Source Sans Pro', sans-serif;
}

.button3sc:hover,
input.button3sc:hover,
a.button3sc:hover,
.smallbutton3sc:hover,
input.smallbutton3sc:hover,
a.smallbutton3sc:hover {
    /* colour #00a651 - 80% transparency */
    background-color: rgba(0, 166, 81, 0.8);
    border: 1px solid #00a651 ;
}

.button3sc:focus,
input.button3sc:focus,
a.button3sc:focus,
.smallbutton3sc:focus,
input.smallbutton3sc:focus,
a.smallbutton3sc:focus {
    background-color: #00a651 ;
    border: 1px solid #00a651 ;
}

.button3sc:active,
input.button3sc:active,
a.button3sc:active,
.smallbutton3sc:active,
input.smallbutton3sc:active,
a.smallbutton3sc:active {
    background-color: #00a651 ;
    border: 1px solid #00a651 ;
}

@media only screen and (min-width: 730px)
{
   .site-header__inner {
       max-width: 1000px;
   }
}

.container3SC {
    padding-bottom: 90px;
}

a[href="SendEmail.aspx"] {
    height: 20px;
}

form[name="frmProceed"] {
    /* margin-top: -60px;  */
}


input[name="btnProceed"] {
    /* margin-top: 20px; */
}


form[name="frmDelete"] {
    margin-left: 10px;
    margin-top: -10px;
}


#uploadspanBtn {
	padding: 6px 5px;
	margin-bottom: 0 !important;
	font-size: 16px !important;
}

input[value="Add"].smallButton3sc {
    float:none;
    padding: 6px 12px;
    margin-bottom: 0 !important;
	font-size: 16px !important;
    cursor: pointer;
}

input[value="Add"].smallButton3sc:hover,
input[value="Remove"].smallButton3sc:hover,
#uploadBtn:hover,
#uploadspanBtn:hover {
    /* background-color: #692D73 ; */
    filter: brightness(120%)
    cursor: pointer;
}

input[value="Remove"].smallButton3sc {
    padding: 6px 12px;
    margin-bottom: 0 !important;
	font-size: 16px !important;
    float: left;
    /* padding: 8px 12px; */
    /* margin-bottom: 0 !important; */
    /* margin-top: .75em; */
	/* font-size: 16px !important; */
	/* vertical-align: initial; */
}


input[Value="Proceed"] {
    height: 53px;
}

/****************************************************************************************/
.headerbar {
    margin-top: 20px;
    width: 100%;
    height: 12px;
    background-color: #02AFF3;
}

.span12 p {
    font-size: 14px !important;
    color: #FFFFFF !important;
}