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

.container3SC {
    padding-bottom: 80px;
}


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

/* 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: #077F85;
    border: 2px solid #077F85;
    /* border-radius: 4px; */
    color: #ffffff;

    /* cursor: pointer; */
    /* display: inline-block; */
    /* font-family: "Open Sans",sans-serif; */
    /* font-weight: bold; */
    /* margin: 0 0 .75rem; */
    /* padding: .625rem 1.5rem; */
    /* text-align: center; */
    /* text-decoration: none; */
    /* transition: background-color .1s ease-out,border-color .1s ease-out,color .1s ease-out; */
    /* vertical-align: middle; */

}

.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 {
    background-color: #38404F ;
    /* filter: brightness(120%) ; */
    border: 2px solid #000000 ;
    /* color: #ffffff; */

}

.button3sc:focus,
input.button3sc:focus,
a.button3sc:focus,
.smallbutton3sc:focus,
input.smallbutton3sc:focus,
a.smallbutton3sc:focus {
    /* background-color: #692D73 ; */
    /* filter: brightness(120%) ; */
    border: 2px solid #000000 ;
    /* color: #ffffff; */
}

.button3sc:active,
input.button3sc:active,
a.button3sc:active,
.smallbutton3sc:active,
input.smallbutton3sc:active,
a.smallbutton3sc:active {
    /* background-color: #692D73 ; */
    /* filter: brightness(120%) ; */
    border: 2px solid #000000 ;
    /* color: #ffffff; */
}

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

.container3SC {
    padding-bottom: 60px;
}

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: 3px 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; */
}



/****************************************************************************************/

h2.block-title {
    font-size: 26px;
}

p.rtecenter {
    color: #ffffff;
    font-size: 16px;
}



.mod-tb {
    border-top: 3px solid #077F85;
    margin-top: 30px;
}

/* ----------------------------------------------------------------------------------------------------------- */
/* Maintenance screen
/* ----------------------------------------------------------------------------------------------------------- */
#maint1 {
   color: red ;
   font-size: 22px;
   font-weight: bold;
}

#maint2 {
   font-size: 16px;
   font-weight: bold;
}