/*
_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;
    }

/* FONTS */
h2, h3 {
    margin: 0px;
}

/* 
==============================
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.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) */
    }

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

/* GENERAL */    
    .centertext {
        text-align: center;
        margin-bottom: 10px;
    }
	/* ICONS ARE FOR APPROVE / DENY */
    .greenicon {
        color: green;
        font-weight: bold;
        padding-right: 5px;
        vertical-align: text-bottom;
    }
    .redicon {
        color: red;
        font-weight: bold;
        padding-right: 5px;
        vertical-align: text-bottom;
    }

/* BUTTONS */
    /* .btnblue (or .btnbluefull) is for submit/navigation buttons only; changing in theme.css will result in blue form fields */
    .ui-btn.ui-input-btn.ui-shadow.ui-btn-inline, a.ui-btn.btnblue, a.ui-btn.ui-btn-inline.btnblue {
        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, .ui-btn.ui-btnbluefull{
        width: 240px;
        color: #FFF;
        background-color: #004b9d;
        letter-spacing: .5px;
        font-size:14px;
        -webkit-border-radius: .3em;
        border-radius: .3em;
        /* height:40px; */
    }
    .ui-page-theme-a .ui-btn {
        background-color: #fff /*{a-bup-background-color}*/;
    }
    
    /* div surrounding buttons */
    .buttons {
	display: block;
    margin: auto;
	text-align: center;
    }
    
    .ui-btn {
        text-overflow: clip !important;
        white-space: normal !important;
    }
    
/*    #activity-btn {*/
/*        text-overflow: none !important; */
/*        overflow: visible !important;*/
/*	    white-space: normal !important;*/
/*    }*/
    
/*    #activity-btn.ui-btn {*/
/* white-space: nowrap !important;*/
/* overflow: visible !important;*/
/* text-overflow: clip !important; */
/*        overflow: visible !important;*/
/*	    white-space: normal !important;*/
/*}*/

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

    .clickable-row {
        cursor: pointer !important;
    }
    
/* 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;
}
#activityDescription {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 0px;
}
#activityStatus {
    padding: 0px 10px 10px 10px; 
    margin-top: -30px;
    text-align: center;
    font-weight: bold;
}
.ui-block-a, .ui-block-b, .ui-block-c {
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
}
.gridborder {
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 10px;
}
.activityBlockb {
    border-right: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
}
.ui-grid-b {
    background-color: #efefef;
}
.ui-grid-a {
    background-color: #efefef;
}

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

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

/* ADMIN MESSAGE PAGE */
#adminMessage {
    height: auto !important;
}

/* LOGIN PAGE */
#logincontainer {
	background: #f6f9fd;
	/* top right bottom left */
	margin: 30px 15px 30px 15px;
	padding: 25px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
#loginbackground {
        background: #004b9d; /* 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);
}

/* ADMIN HOME */
/* If something specific to admin home section */

/* STUDENT DASHBOARD */
    #studentOverview {
        padding: 0px 0px 15px;
    }    
    .studentInfo {
        font-size: 24px;
        font-weight: bold;
        margin-left: 20px;
        padding: 20px 0;
    }    
    
    .pointTotal {
        font-size: 24px;
        text-align: center;
        font-weight: bold;
    }
    .pointInfo {
        font-size: 20px;
        text-align: center;
        font-weight: normal !important;
        margin: 0px;
        padding: 10px 0;
    }
    .studentIcon {
        font-size:30px;
        vertical-align:text-bottom;
    }

/* NEW ACTIVITY PAGE */
    #select-custom-21-listbox.ui-header.ui-bar-inherit.h1plain {
        background: white;
        color: black;
    }