/*
_css/custom.css
Companion to _css/theme.css and should be listed after it
Last updated 07/29/17
Styles are grouped and labeled with comments
Overview: Partials, Components, Page-Specific
*/

/* BODY */
    /* adjusting padding; jquery mobile default is 16px all sides */
    .ui-content {
        padding-left: 30px;
        padding-right: 30px;
    }
    
/* 
==============================
PARTIALS
==============================
*/

/* HEADER */
    .ui-header.ui-bar-inherit {
        background: #004b9d; /* For browsers that do not support gradients (IE 9) */    
        background: -webkit-linear-gradient(160deg, #009bdf, #004b9d); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(160deg, #009bdf, #004b9d); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(160deg, #009bdf, #004b9d); /* For Firefox 3.6 to 15 */
        background: linear-gradient(160deg, #009bdf, #004b9d); /* Standard syntax (must be last) */
    }
    .appname {
        font-size: 24px;
        font-weight: bold;
        letter-spacing: .8px;
    }
    .ui-title {
        margin: 0.4em 10% 0.4em !important;
    }
    .ui-header .ui-btn-left {
        margin-top: 13px;
        margin-left: 5px;
        border-width: 1px;
    }
    .ui-header.headericon {
        background-color: #004b9d /*{a-bup-background-color}*/;
        border-color: #004b9d /*{a-bup-border}*/;
        color: #004b9d /*{a-bup-color}*/;
        border-width: 1px;
    }

/* FOOTER */
    .ui-footer {
        text-align: center;
    }

    .ui-footer.ui-bar-inherit {
        background: #004b9d; /* For browsers that do not support gradients (IE 9) */    
        background: -webkit-linear-gradient(-160deg, #009bdf, #004b9d); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(-160deg, #009bdf, #004b9d); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(-160deg, #009bdf, #004b9d); /* For Firefox 3.6 to 15 */
        background: linear-gradient(-160deg, #009bdf, #004b9d); /* Standard syntax (must be last) */
    }
    
    #copyright {
        letter-spacing: 1px;
        font-weight: normal;
        font-size: 12px;
        line-height: .8em;
        text-align: center;
    }

/* 
==============================
COMPONENTS
==============================
*/

/* BUTTONS */
    /* .btnblue (or .btnbluefull) is for submit/navigation buttons only */
    .ui-btn.ui-input-btn.ui-shadow.ui-btn-inline, .ui-btn.btnblue, .ui-btn.ui-btn-inline.btnblue {
        min-width: 100px;
        color: #FFF;
        background-color: #004b9d;
        letter-spacing: .5px;
        font-size: 14px;
        -webkit-border-radius: .3em;
        border-radius: .3em;        
    }

    .ui-btn.ui-btn-inline.btnbluefull {
        width: 240px;
        color: #FFF;
        background-color: #004b9d;
        letter-spacing: .5px;
        font-size: 14px;
        -webkit-border-radius: .3em;
        border-radius: .3em;
    }
    
    .btnbluefull:active, .btnblue:active
    .ui-btn.ui-input-btn:active {
        background-color: #004b9d;
    }        
    
    /* div surrounding buttons */
    .buttons {
	display: block;
    margin: auto;
	padding-top: 10px;
	text-align: center;
    }

/* TABLES (Inactive as of July 2017) */
    #pendingtable, #reviewedtable {
        border-collapse: collapse;
        width: 100%;
    }
    #pendingtable td, #reviewedtable td {
        border: 1px solid #dddddd;
        padding: 8px;
    }
    #pendingtable tr:nth-child(even), #reviewedtable tr:nth-child(even){
        background-color: #f2f2f2;
    }
    #pendingtable th, #reviewedtable th {
        padding: 8px;
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: center;
        background-color: #009bdf;
        color: white;
    }

/* ACTIVITY CONTAINERS (replace tables) */
    .activityContainer {
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
        border-right: 1px solid #d3d3d3;
        border-left: 1px solid #d3d3d3;
        color: #191919;
    }
    #activityName {
        background-color: #0571b9;
        color: white;
        padding: 10px;
        letter-spacing: .5px;
        font-size: 1.2em;
    }
    #activityDescription {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #d3d3d3;
        margin-bottom: 0px;
    }
    .ui-block-a, .ui-block-b, .ui-block-c {
        text-align: center;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .ui-grid-b {
        background-color: #efefef;
    }
    
    .ui-grid-a {
        background-color: #efefef;
    }
    .activityBlockb {
        border-right: 1px solid #d3d3d3;
        border-left: 1px solid #d3d3d3;
    }

/* FORMS */
    .ui-field-contain {
        border-bottom-color: rgba(0,0,0,0);
        border-bottom-width: 0px;
    }

/* 
==============================
PAGE-SPECIFC
==============================
*/

/*LOGIN PAGE */
	#logincontainer {
		background: #f6f9fd;
		margin: 30px 15px 30px 15px;
		padding: 25px;
		box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	}
	#loginbackground {
			background: #0764a9; /* For browsers that do not support gradients (IE 9) */    
			background: -webkit-linear-gradient(160deg, #0764a9, #004b9d); 
			background: -o-linear-gradient(160deg, #0764a9, #004b9d);
			background: -moz-linear-gradient(160deg, #0764a9, #004b9d);
			background: linear-gradient(160deg, #0764a9, #004b9d);
	}

/* DASHBOARD */
    .points1 {
        margin-top: 0px;
        font-size: 60px;
        text-align: center;
        margin-bottom: 0px;
        font-weight: bold;
    }
    .points2 {
        font-size: 32px;
        text-align: center;
        margin-top: 0px;
    }
    .points3 {
        font-size: 26px;
        text-align: center;
    }
    .points4 {
        font-size: 20px;
        text-align: center;
        font-weight: bold;
    }